@font-face {
    font-family: 'oswaldmedium';
    src: url('/assets/fonts/oswald-medium-webfont.eot');
    src: url('/assets/fonts/oswald-medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/oswald-medium-webfont.woff2') format('woff2'),
    url('/assets/fonts/oswald-medium-webfont.woff') format('woff'),
    url('/assets/fonts/oswald-medium-webfont.ttf') format('truetype'),
    url('/assets/fonts/oswald-medium-webfont.svg#oswaldmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    	line-height: 1;
    	color: #262626;
    	background: #FFF;
    	font-family: Arial, Helvetica, sans-serif;
	background-color: #000;
}

#header {
	width: auto;
	max-width: 100%;
	padding: 0;
	margin: 0;
	background: #cd0127
}
#headerOuter {
	width: auto;
	margin: auto;
	padding: 0
}
#headerInner {
	padding: 6px;
	margin: 0;
	font-size: 14px;
	text-align: center;
}
#headerInner p {
	padding: 0;
	margin: 0;
	color: #fff;
}
.content {
	background: #fff;
	width: 960px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
.contentTop {
	padding: 10px 54px 30px;
}
.contentBottom {
	margin-top: 20px;
	position: relative;
	background-color:#f2f2f2;
}
#trick {
	width: 100%;
	min-width: 800px;
	max-width: 1024px;
	padding: 0;
	margin-bottom: 20px;
}
#videoColumn {
	width: 385px;
	margin-left: 43px;
	padding-top:4px;
	float:left;
}

h1 {
	font-size: 43px;
	line-height: 1.2;
	color: #c10202;
	font-family: 'oswaldmedium';
	font-width: normal;
	margin-top: 0px;
	text-align: center;
	outline: 0;
}
h3{
	font-size: 20px;
	line-height: 1.2;
	padding-bottom: 20px;
	color: #252525;
	text-align: center;
	font-weight: 700;
}
p {
	font-size: 13px;
	line-height: 1.25;
	padding-bottom:15px;
}

#videoColumn p {
	width: 100%;
	max-width: 350px;
	color: #959595;
	font-size: 11px;
	margin: 15px auto;
}
#videoColumn h3 span {
	text-decoration: underline
}
.videoBox {
	width: 384px;
	height: 288px;
	margin: 15px auto;
	background-color: #fff;
	padding: 0;
	border: 1px solid white;
}

#atc {
	display: none;
	text-align: center;
}

#salesCopy {
	background: url(/assets/images/number-line.png) no-repeat 90px 47px;
	padding: 46px 140px 51px;
}
#salesCopy .box {
	border: 3px solid #ce0126;
	text-align: center;
	margin-top: 14px;
	padding: 12px 21px 0;
}




@media (max-width: 960px) {
#header { display: none; }
h1 { font-size: 28px; }
h1 br { display: none; }
h3 { padding-top: 10px; }
.content { width: 100%; min-width: 320px; }
.contentTop { padding: 20px; }
.contentWrapper { width: 100%; }
.contentPadding { margin: 0 auto; padding: 0 2.5%; }
#trick { min-width: 100%; width: 100%; }
#videoColumn {width: 100%; float: none; margin-left: 0;}
#videoColumn .videoWrapper { width: 100%; max-width: 570px; margin: 0 auto; }
#videoColumn video { background-color: #FFF; }
.submit button {
        width: 308px;
        height: 53px;
        box-sizing: border-box;
        margin: 0 auto;
        display: block;
        font-size: 11px;
        line-height: 16px;
        background-size: 308px;
        padding-top: 8px;
}
#salesCopy {
	padding: 20px;
	background-image: none;
}
#salesCopy p img {
	width: 275px;
	height: 73px;
	display: block;
	margin-left: auto;
}
.submit button span { font-size: 20px; }
#yellowArrow { display: none; }
.shadowLeft, .shadowRight { display: none; }
}

@media (max-width: 320px) {
	h1 { font-size: 24px; }
	h3 { font-size: 16px; padding-bottom: 10px; }
}