body * {

	position:relative;	

	}



body {

	margin:0 auto;

	padding:0;

}


.nav-spacer {
    height:75px;
}


h1 {

	font-family: 'Oswald', sans-serif;

	letter-spacing:1px;

	color:#575757;

	font-size:16px;

	line-height:26px;

}

h2 {

	font-family: 'Oswald', sans-serif;

	letter-spacing:1px;

	color:#575757;

	font-size:16px;

	line-height:26px;
	
	padding:0 20px;
	
	position:absolute;
	
	background:#fff;

}

h3 {
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	letter-spacing:1px;
	line-height:26px;
	padding:0 20px;
}

.anchor {
	position:absolute;
	top:-75px;
}
	

figure {

	float:left;

	width: 100%;

}

 

figure.tv-width div.stretchy-wrapper {
	width: 100%;
	padding-bottom: 56.25%; /* 16:9 */
	position: relative;
}

figure.oldtv-width div.stretchy-wrapper {
	width: 100%;
	padding-bottom: 75%; /* 4:3 */
	position: relative;
}

figure.square-width div.stretchy-wrapper {
	width: 100%;
	padding-bottom: 100%; /* 1:1 */
	position: relative;
}

figure.header-width div.stretchy-wrapper {
	width: 100%;
	/* padding-bottom: 33.33%; /* 3:1 */
		padding-bottom: 30%; /* 3:1 */
	position: relative;

}

figure.halfnarrow-width div.stretchy-wrapper {
	width: 100%;
	padding-bottom: 216.66%; /* 6:13 */
	position: relative;
}

figure.halfwider-width div.stretchy-wrapper {
	width: 100%;
	padding-bottom: 153.7%; /* 348:533 */
	position: relative;
}

figure.size1400x788  div.stretchy-wrapper {
	width: 100%;
	padding-bottom: 56.2857142857%; /* 350:197 */
	position: relative;
}

figure.size1400x906  div.stretchy-wrapper {
	width: 100%;
	padding-bottom: 64.7142857143%; /* 700:453 */
	position: relative;
}

figure.size850x1100  div.stretchy-wrapper {
	width: 100%;
	padding-bottom: 129.411764706%; /* 17:22 */
	position: relative;
}
 
figure.size1000x1350  div.stretchy-wrapper {
	width: 100%;
	padding-bottom: 135%; /* 20:27 */
	position: relative;
}

figure div.stretchy-wrapper > div,

figure div.stretchy-wrapper > iframe {

	position: absolute;

	top: 0; bottom: 0; left: 0; right: 0;

	background-size:cover;

	background-position:center;

	background-repeat:no-repeat;

	background-color:#fff;

}



.centering {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}

.nav img {
	height:auto;
	width:290px;
}

.nav .hamburger {
	cursor:pointer;
	font-size:23px;
	top:5px;
}

	

	

	

	

	/*  SECTIONS  */

.section {

	clear: both;

	padding: 0 0 30px 0;

	margin: 0px auto;
	
	max-width:70%;

}

.section.divider {
	max-width:100%;
	position:relative;
	height:45px;
    margin:80px 0 10px 0;
}

.section.divider .line {
	height:2px;
	background: #999;
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin-top:14px;
	right:0;
	width:100%;
}

.header-wrap {
	max-width:70%;
	margin:0 auto;
	left:-20px;
}



/*  COLUMN SETUP  */

.col {

	display: block;

	float:left;

	margin: 0 0 1% 1%;

}

.col:first-child { margin-left: 0; }



/*  GROUPING  */

.group:before,

.group:after { content:""; display:table; }

.group:after { clear:both;}

.group { zoom:1; /* For IE 6/7 */ }



/*  GRID OF TWELVE  */

.span_12_of_12 {

	width: 100%;

}



.span_11_of_12 {

  	width: 91.58%;

}

.span_10_of_12 {

  	width: 83.16%;

}



.span_9_of_12 {

  	width: 74.75%;

}



.span_8_of_12 {

  	width: 66.33%;

}



.span_7_of_12 {

  	width: 57.91%;

}



.span_6_of_12 {

  	width: 49.5%;

}



.span_5_of_12 {

  	width: 41.08%;

}



.span_4_of_12 {

  	width: 32.66%;

}



.span_3_of_12 {

  	width: 24.25%;

}



.span_2_of_12 {

  	width: 15.83%;

}



.span_1_of_12 {

  	width: 7.416%;

}



.clearfix { display:none; }


.nav {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:98;
	background:#fff;
}

.nav .closebtn {
	width:auto;
	padding:0;
	position:absolute;
	top:17px;
	right:10px;
}

.nav img {
	padding:20px 0 10px 0;
}

.nav div {
	padding:0;
}


.centering h1 a {
	font-weight:bold;
	text-decoration: none;
	color:#cc0000;
	transition: 0.5s;
}

.centering h1 a:hover {
	color:#000;
}

.overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    background-color: rgb(255,255,255);
    background-color: rgba(255,255,255, 0.9);
    overflow-y: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #575757;
    display: block;
    transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}

.background-link {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
}

@media screen and (max-height: 450px) {
  .overlay {overflow-y: auto;}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 0;
  }
}





@media only screen and (max-width: 910px) {

.header .col { width:100%;}

.header img.hero { width:50% !important; }

.header .span_5_of_12 { text-align:right; margin-top:20px; }

.centering {

  position: relative;

  top:auto;

  left:auto;

  transform:none;

	padding-top:50px;

	}

}

/*  GO FULL WIDTH BELOW 480 PIXELS */

@media only screen and (max-width: 840px) {

.clearfix { display:block; }
    
    .nav img {
	padding:20px 10px 10px 10px;
	width:210px;
}    

.section {

	max-width:100%;

}

}



@media only screen and (max-width: 480px) {

	.col {  margin: 1% 0 1% 0%; }

.nav img {
	padding:20px 10px 10px 10px;
	width:210px;
}    
	.nav .hamburger {
		top:0;
	}
	

    .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {

	width: 100%; 

	}

}