@font-face {
			  font-family: Geometric706;
			  font-weight: 400;
			  src: url('https://myfavorito-public.s3.amazonaws.com/fonts/geometric/Geometr706_Md_BT_Medium.ttf');
			}
			
			@font-face {
			  font-family: Geometric706;
			  font-weight: 500;
			  src: url('https://myfavorito-public.s3.amazonaws.com/fonts/geometric/Geometr706_Md_BT_Black.ttf');
			}
			
			* {
				box-sizing:border-box;
			}
			body {
				font-family: Geometric706,HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
				padding:0;
				margin:0;
				background-image:url(https://myfavorito-public.s3.amazonaws.com/story_images/clubs/bg-gradient.svg);
				background-size:100% auto;
				background-repeat:repeat-y;
				font-size:16px;
			}
			
			h1, h2, h3, h4,
			a:link,
			a:active,
			a:visited {
				color:#1b3869;
			}
		  	p {
				line-height:26px;
		  	}
		  	h1, h2 {
		  		text-align: center;
				letter-spacing: -1.1px;
				margin-top:0;
  			}
			h1 {
				font-size:3em;
			}
			h1.headline {
				font-size:2em;
				margin-top:1em;
			}
			h2 {
				font-size:2em;
			}
		  	.container {
		  		width:100%;
		  		margin:0 auto;
		  		padding:1em 1.5em;
		  	}
		  	
		  	section img {
		  		max-width:100%;
		  	}
		  	.text-center {
		  		text-align:center;
		  	}
		  	.clearfix::after {
		  		content:'';
		  		display:block;
		  		clear:both;
		  	}
		  	.xs-show {
				display:block !important;
			}
			
			.xs-hide,
			.sm-only,
			.sm-show,
			.md-only,
			.md-show,
			.lg-only,
			.lg-show,
			.xl-only {
				display:none !important;
			}
			
			.row {
				margin:0 -10px;	
			}
			.row::after {
				content: '';
				clear:both;
				display: block;
			}
			ul.slides {
				padding:0;
				margin:0 -5px;
			}
			
			ul.slides li {
				float:left;
				width:calc(100% / 3);
				padding:0 5px;
				margin:0 0 10px;
				display:block;
			}
			ul.slides li img {
				padding: 8px;
				background-color: #fff;
				border:1px solid #efefef;
			}
			.card {
				width:100%;
				padding:2em;
				background-color:#fff;
				color:#000;
				margin:0 0 1em 0;
			}
			.col-sponsors {
				width:50%;
				padding:0 10px;
			}
			section.blue .card h2 {
				color:#1b3869;
				font-size:1.5em;
			}
		  	video {
		  		margin-top:-1vw;
		  		max-width:100%;
		  	}
			
			.video_window {
				overflow:hidden;
				height:54.25vw;
				position:relative;
			}
			.video_window h1,
			.video_window img {
				position: absolute;
				z-index: 4;
			}

			.video_window h1 {
				top: 26vw;
				left: 50%;
				transform: translateX(-50%);
				color: #fff;
				text-shadow: 0px 0px 7px #1b3869;
				width:80vw;
				max-width:800px;
			}
			.video_window img {
				left: 50%;
				top: 5vw;
				width: 18vw;
				height: auto;
				transform: translateX(-49%);
			}
			
			.video_window .tint {
				position: absolute;
				width: 100%;
				height: 100%;
				background-color: #1b3869;
				opacity: 0.5;
				z-index: 2;
				top: 0;
				left: 0;
			}
			.video_window a.btn:link,
			.video_window a.btn:active,
			.video_window a.btn:visited  {
				position: absolute;
				z-index: 3;
				bottom: 2vw;
				left: 50%;
				transform: translateX(-50%);
				display:none;
			}
			img.head-logo-xs {
				max-width: 40vw;
				margin: calc(-21vw - 48px) auto 0 auto;
				z-index: 3;
				position: relative;
				display:block;
			}
			section {
				padding:2em 0;
				background-size:100% auto;
			}
			section.blue,
			section.red {
				color:#fff;
			} 
			section.blue {
				background-color:#0c548a;
			}
			
			section.red {
				background-color:#de000a;
			}
			section.blue h1,
			section.blue h2,
			section.blue a:link,
			section.blue a:visited,
			section.blue a:hover,
			section.red h1,
			section.red h2,
			section.red a:link,
			section.red a:visited,
			section.red a:hover {
				color:#fff;
			}
			a.btn.text-center {
				margin:0 auto;
			}
			a.btn::after {
				content: '>';
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				right: 63px;
			}
			a.btn:link, 
			a.btn:active, 
			a.btn:visited {
				display: block;
				position: relative;
				background-color: #1b3869;
				color: #fff;
				text-transform: uppercase;
				font-weight: 500;
				padding: 18px 46px 18px 20px;
				line-height: 23px;
				text-decoration: none;
				margin: 4em auto 2em auto;
				width: 516px;
				max-width: 100%;
			}
			
			a.btn.sm-only {
				margin-top: -5em;
				z-index: 2;
			}
			a.btn:hover {
				background-color:#375ca9;
			}
			
			.powered {
				width: 220px;
				height: auto;
				padding: 5px 7px 3px;
				margin-top: 40px;
				float: right;
			}
			
			/* ~~~~~~~~~ extra small ~~~~~~~~~ */
			@media (max-width:821px) {
				.video_window h1 {
					top: 29vw;
					font-size: 6vw;
					width: 83%;
				}
			}

			/* ~~~~~~~~~ small ~~~~~~~~~ */
		  	@media (min-width:576px) {
		  		.container {
		  			width:540px;
		  			padding:1em;
		  		}

				.xs-only {
					display:none !important;
				}
				
				.xs-hide {
					display:block !important;
				}
				
				.video_window a.btn:link,
				.video_window a.btn:active,
				.video_window a.btn:visited {
					display:block;
				}
				
				.sm-only,
				.sm-show {
					display:block !important;
				}
				
				ul.slides li {
					width:calc(100% / 4);
				}
		  	}
		  	
		  	/* ~~~~~~~~~  medium ~~~~~~~~~ */
		  	@media screen and (min-width:768px) {
		  		.container {
		  			width:720px;
		  		}
		  		
		  		.sm-only {
					display:none !important;
				}
		  		.md-only,
				.md-show {
					display:block !important;
				}
				
				ul.slides li {
					width:calc(100% / 6);
				}
		  	}
		  	
		  	/* ~~~~~~~~~  large ~~~~~~~~~  */
		  	@media screen and (min-width:992px) {
		  		.container {
		  			width:960px;
		  		}
		  		
				.card {
					width:calc(33.333333% - 20px);
					margin:10px;
					float:left;
				}
				
				.md-only {
					display:none !important;
				}
				.lg-only,
				.lg-show {
					display:block !important;
				}
				
				ul.slides li {
					width:calc(100% / 7);
				}
		  	}
		  	
		  	/* ~~~~~~~~~  extra large ~~~~~~~~~  */
		  	@media screen and (min-width:1200px) {
		  		.container {
		  			width:1140px;
		  		}
		  		
		  		.lg-only {
					display:none !important;
				}
				.xl-only {
					display:block !important;
				}
				.video_window a.btn:link, 
				.video_window a.btn:active, 
				.video_window a.btn:visited {
					top:38vw;
					bottom:auto;
					margin-top:0;
				}
		  	}
		  	
			@media (min-width:772px) and (max-width:880px) {
				a.btn.text-center.md-show {
					display:none !important
				}
				
				body .btn.text-center.sm-only {
					display:block !important;
				}
			}