@charset "UTF-8";
/* CSS Document */


body {
	background-color: #fff;
	margin: 0;
	margin: 0vw;
	padding: 0px; /*fallback just in case vw doesn't work*/
	padding: 0vw;
	text-align: left;
	color: #000;
	font-family: classico-urw, sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0em;
}


div.header {
	background-color: #000;
	margin: 0 0 0 0;
	margin: 0 0 0 0;
	padding: 9px 0 12px 0;
	padding: 1vw 0 1.25vw 0;
	color: #fff;
	text-align: center;
	font-family: classico-urw, sans-serif;
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .25em;
	font-size: 18px; /*fallback just in case vw doesn't work*/
	font-size: 2vw;
	position: fixed;
	top: 0;
	opacity: .9;
	width: 100%;
	z-index: 20;
}

span.period {
	letter-spacing: .125em;
}


div.blurb {
	margin: 96px 280px 36px 200px;
	margin: 10vw 28vw 4vw 20vw;
}

p.indent {
	text-indent: -.35em;
}


h1 {
	font-size: 42px; /*fallback just in case vw doesn't work*/
	font-size: 4vw;
	font-family: classico-urw, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1em;
	margin: 0;
}


h2 {
	font-size: 28px; /*fallback just in case vw doesn't work*/
	font-size: 2.5vw;
	font-family: classico-urw, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.1em;
	margin: 1em 0 .5em 0;
	color: #000;
}


h3 {
	font-size: 60px; /*fallback just in case vw doesn't work*/
	font-size: 6vw;
	font-family: garamond-premier-pro, serif;
	font-weight: 400;
	font-variant: small-caps;
	letter-spacing: .2em;
	line-height: 1.2em;
	font-variant-numeric: oldstyle-nums;
	margin: .5em 0 .75em 0;
}


h4 {
	font-size: 40px; /*fallback just in case vw doesn't work*/
	font-size: 4vw;
	font-family: garamond-premier-pro, serif;
	font-weight: 400;
	font-variant: small-caps;
	letter-spacing: .2em;
	line-height: 1.2em;
	font-variant-numeric: oldstyle-nums;
	margin: .5em 0 .75em 0;
}

h5 {
	font-size: 60px; /*fallback just in case vw doesn't work*/
	font-size: 6vw;
	font-weight: 300;
	margin: -1.5em 0 2em 0;
}


p {
	font-size: 8px; /*fallback just in case vw doesn't work*/
	font-size: 1.125vw;
	font-family: noto-sans, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.5em;
	margin: 0;
	hanging-punctuation: first;
}




sup {
	vertical-align: baseline;
	position: relative;
	top: -.8em;
	font-size: 8px;
	font-size: .625vw;
	font-weight: 500;
	padding: 0 0 0 .3em;
	}


div.brands {
	/*border-top: 1px solid #ddd;*/
	margin: 0 auto 32px auto;
	margin: 0 auto 4vw auto;
	padding: 0 0 0 0;
	padding: 0 0 0 0;
	width: 75%;
	padding: 0;
	text-align: center;
/*	text-align-last: left;*/
}

img.brand {
	width: 29%;
	border: none;
	padding: 0;
	margin: 8px;
	margin: 1vw;
}

img.brand-empty {
	width: 29%;
	border: none;
	padding: 0;
	margin: 8px;
	margin: 1vw;
}

img.header {
	width: 20%; /*fallback just in case vw doesn't work*/
	padding: 12px 40px 15px 40px; /*fallback just in case vw doesn't work*/
	padding: 1.5vw 5vw .5vw 5vw;
	margin: 0;
}


div.footer {
	background-color: #000;
	margin: 0;
	padding: 6px 40px 10px 40px;
	position: fixed;
	bottom: 0;
	opacity: .9;
	width: 100%;
	height: 20px;
}

div.footnote {
	background-color: #000;
	margin: 0;
	padding: 8px 0 10px 0;
	/*padding: .75vw 15vw 1.25vw 15vw;*/
	color: #ccc;
	text-align: center;
	font-family: helvetica, arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.4em;
	font-size: 10px;
	letter-spacing: .01em;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 2;
}



.white {
	color: #fff;
}








img.fun {
	-webkit-filter: hue-rotate(90deg); /* Safari 6.0 - 9.0 */
	filter: hue-rotate(90deg);
	z-index: 1;
	text-align: center;
}

img.fun.animated {
	
-webkit-animation: filter-animation 8s infinite;
  animation: filter-animation 8s infinite;
}

@-webkit-keyframes filter-animation {
  0% {
    -webkit-filter: hue-rotate(0deg);
  }
/*
  33% {
    -webkit-filter: hue-rotate(720deg);
  }
  
  66% {
    -webkit-filter: hue-rotate(0deg);
  }
*/
  100% {
    -webkit-filter: hue-rotate(1440deg);
  }
}

@keyframes filter-animation {
  0% {
    filter: hue-rotate(0deg);
  }
/*
  33% {
    filter: hue-rotate(720deg);
  }

  66% {
    filter: hue-rotate(0deg);
  }
*/
  100% {
    filter: hue-rotate(1440deg);
  }
}
















a {
	text-decoration: none;
}

a:link {
	color: #fff;
}

a:visited {
	color: #fff;
}

a:hover {
	color: #fff;
}

a:active {
	color: #fff;
}