/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */

@font-face{
    font-family: swis-cn;
    src: url('../fonts/swz721c-webfont.eot');
    src: url('../fonts/swz721c-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/swz721c-webfont.woff') format('woff'),
         url('../fonts/swz721c-webfont.ttf') format('truetype'),
         url('../fonts/swz721c-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

a {font-family: 'swis-cn'; font-size: 18px; color: white; text-decoration: underline}
a span {font-size: 14px}
a:hover {color: #feae31}

body {background:#000 url('../images/bg.gif') repeat}
header {text-align: center; margin: 70px 0}

#main-container {background: #000 url('../images/container-bg.jpg') no-repeat; position: relative}
#video-container, #celebration-video, #see-how-text, .mini-video, #find-tires {text-align: center}
#find-tires {margin-top: 15px; margin-bottom: 30px;}
#champion-text {text-align: center}
#ultra4-logo {position: absolute; z-index: 1; top:-40px; left:-40px;}
#see-how-text {margin-top: 30px;margin-bottom: 30px;}
#teasers {margin-top: 30px;margin-bottom: 30px;}

#left-mini-video {
	padding-left: 116px;
	padding-right: 35px;
}

#right-mini-video {
	padding-left: 35px;
	padding-right: 116px;
}


#left-glow{position: absolute; left: -150px; top: 0; background: url('../images/left-white-glow.png'); width: 150px; height: 918px;}
#right-glow{position: absolute; right: -150px; top: 0; background: url('../images/right-white-glow.png') ; width: 150px; height: 918px;}

@media only screen and (max-width: 1024px) {
  #main-container{overflow-x: hidden}
  #left-glow,#right-glow{display:none}
  #ultra4-logo {width: 85px; height: 76px; top:-10px; left:-10px;}
}

@media only screen and (max-width: 767px) {
  header {margin: 50px 0}
  header img {overflow-x:hidden}
  #main-container {background-size: 768px}
  #ultra4-logo {width: 42px; height: 38px; top:20px; left:20px;}
  #left-mini-video, #right-mini-video {
	padding-left: 0;
	padding-right: 0;
  }
}

@media only screen and (max-width: 400px) 
{
	#champ-text-img {width:90%}
}

/* -----------------------------------------
   Page Name 1
----------------------------------------- */




/* -----------------------------------------
   Page Name 2
----------------------------------------- */