/* **********  RESET browser settings  *********** */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;

}
a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}
/* **********  END RESET browser settings  *********** */

body, html {width:100%; height:100%;}

/* basic styling and commonly used classes */
body {
    font-family: sans-serif;
    font-size: 13px;
    color:#000;
    font-family: "Open Sans", sans-serif;
    background:#fff;
}


p {margin-bottom: 15px;}

strong {font-family: 'museo_sans700';}
em {font-style:italic;}

.align-center {text-align:center;}

a, a:hover, a:focus {cursor:pointer;outline:none; text-decoration:none;}

a {text-decoration: none;}
a:hover {opacity: 0.5;}

ul {list-style-type:disc; margin:0 0 0 17px; padding:0px;}

img{border:none;}
.clear {clear:both;display:block;font-size:0;line-height:0;}

.no-pad {padding:0; margin:0;}
.no-pad-left {padding:0 15px 0 0;}
.no-pad-right {padding:0 0 0 15px;}
/* ********************************************** */
.container {max-width:1024px; margin:0 auto;}
.container-fluid  {padding:0;}
.container-fluid .row {margin:0;}

#header {position:absolute; top: 0; left:0; width:100%; z-index: 10000; padding:15px;}
#header .stories a{font-family: 'museo_sans500'; font-size:12px; line-height: 20px; color:#fff; text-transform: uppercase; background:url(../images/hamburger.png) left center no-repeat; padding-left:28px;}
#header .stories a:hover {opacity: 0.7;}
#header .logo {font-family: 'museo_sans500'; font-size:12px; line-height: 20px; color:#fff;}
#header .logo span {font-family: 'museo_sans700'; font-size:16px;}
#header .logo a {color:#fff;}

#header .col2 {text-align:center;}

@media (max-width: 992px) {
	#header .col3 {text-align:center;}
	}
@media (max-width: 480px) {
	#header .col3 img{width:80%; height:auto;}
	}
	
	
#stories-slider {z-index:10000; background:rgba(0,0,0,0.8); position:absolute; right:-100%; top:55px; width:100%;}
#stories-slider a.closebtn {position:absolute; top:0px; left:0px; text-indent:-9999px; width:25px; height:120px; background:url(../images/btn_stories_close.png) no-repeat;}
#stories-slider ul {list-style-type:none; overflow:hidden; margin-left:40px;}
#stories-slider ul li {float: left; width: 120px; height: 100px; text-align: center; color: #fff; padding: 10px; font-size: 11px; line-height: 13px;}
#stories-slider ul li a {color:#fff; font-weight:400; text-align:center;}
#stories-slider ul li img {margin-bottom:5px;}

/********  COVER PAGE ********/
#cover #row1{ 
	height:100%;
  background:url(../images/hm_mainphoto.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:relative;
  margin-bottom:30px;
  overflow:hidden;
}

#cover #row1 .plane {position:absolute; top:80%;  left: 50%;
animation: rot 5s infinite ease-in-out;
animation-direction: alternate;
}


@keyframes rot {
	
	/*from { -webkit-transform: rotate(0deg) translateX(0px) translateY(50px) rotate(0deg);}
    25% { height:100px;width:100px;-webkit-transform: rotate(0deg) translateX(150px) translateY(100px);}
    50% { -webkit-transform: rotate(0deg) translateX(350px) translateY(50px) rotate(0deg);}    
    75% { height:100px;width:100px;-webkit-transform: rotate(0deg) translateX(200px) translateY(-50px);}
    
    
    to   { -webkit-transform: rotate(360deg) translateX(0px) translateY(50px) rotate(-360deg);}
    */
	from {
			transform: rotate(-25deg)
			           translateX(0px)
			           translateY(-500px)
			           /* rotate(0deg); */
		}
		to {
			transform: rotate(25deg)
			           translateX(0px)
			           translateY(-500px)
			           /*rotate(0deg);*/
		}
}



#cover #row1 .copy {height:100%; width:100%; position:absolute; top:60%; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);}
#cover #row1 .copy h1 { font-family: 'museo_sans700'; font-size:100px; line-height: 100px; color:#fff; text-align:center; margin-bottom:15px;}
#cover #row1 .copy h2 { font-family: 'museo_sans700'; font-size:20px; line-height: 24px; color:#efdc00; text-align:center; }
#cover #row1 .copy p { text-align:left; font-family: 'museo_sans300'; font-size:12px; line-height: 18px; color:#fff;}

#cover #row2 {margin-bottom:30px; position:relative;}
#cover #row2 img {width:100%; height:auto;}
#cover #row2 .dots {position:absolute; top:0; left:0; width:100%; visibility:hidden;}
    
#cover #row2 .dots img { width: 100%; height:auto;}


.slideRight {
    visibility: visible;
    animation-name: slideRight;
    -webkit-animation-name: slideRight;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
}
@keyframes slideRight {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0%);
    }
}
@-webkit-keyframes slideRight {
    0% {
        -webkit-transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(0%);
    }
}




#cover #row2 .thebox {position:absolute; bottom:5%; left:50%;  transform: translateX(-50%); margin:0 auto; border:5px solid #fff; width:300px; height:130px; overflow:hidden;}

#cover #row2 .thebox .Count {font-family: 'museo_sans700'; font-size: 72px; line-height: 130px; color:#fff; text-align:center;}
#cover #row2 .thebox .hiddencopy {display:none; z-index:100; padding:8px 10px; font-size:18px; font-family: 'museo_sans500'; color:#fff; line-height:20px;}

@media (max-width: 992px) {
	#cover #row2 .thebox {left:auto; right:15px; width:170px; height: auto; transform:none; font-size:36px; overflow:visible;}
	#cover #row2 .thebox .Count {font-size: 30px; line-height: auto; text-align:center;}
	#cover #row2 .thebox .hiddencopy { padding:5px; font-size:12px; line-height:14px;}
	}

#cover #row3 {margin-bottom:30px;}
#cover #row3 .col1 {font-family: 'museo_sans100'; font-size:18px; line-height: 24px; color:#959595;}
#cover #row3 .col1 a { color:#959595;}
#cover #row3 .col1 h2 {font-family: 'museo_sans100'; font-size:30px; line-height: 36px; color:#18d4c6;}
#cover #row3 .col1 .thumbs {font-family: 'museo_sans300'; font-size:10px; line-height: 12px; color:#898989;}
#cover #row3 .col1 .thumbs .thumb {margin-bottom:10px;}
#cover #row3 .col1 .thumbs img {width:100%; height:auto; margin-bottom:6px;}
#cover #row3 a:hover {opacity: 0.7;}

#cover #row3 .col2 img {width:100%; height:auto;}

#cover #row3 .col2 .vid-link {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	#cover #row3 .col2 .vid-link a {text-align:center; font-size:12px; font-family: 'heuristicaregular'; color:#f94623; }
	#cover #row3 .col2 .vid-link a:hover {opacity: 0.5;}
	#cover #row3 .col2 .vid-link a img {width:auto; height:auto;}
	
@media (max-width: 992px) {
	#cover #row3 .col1 {font-size:16px; line-height: 20px;}
	#cover #row3 .col1 h2 {font-size:22px; line-height: 24px;}
	}
	
@media (max-width: 768px) and (min-width:400px) {
	#cover #row3 .col1 .thumbs .thumb {width:50%; float:left;}
	}


#cover #row4 {margin-bottom:30px; position:relative;}
#cover #row4 img {width:100%; height:auto;}
#cover #row4 .copy {position: absolute; bottom:30px; font-family: 'museo_sans500'; font-size:16px; line-height: 24px; color:#fff; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);}
#cover #row4 .copy h2 {font-family: 'museo_sans100'; font-size:36px; line-height: 36px; color:#18d4c6;}

@media (max-width: 992px) {
	#cover #row4 .copy {font-size:14px; line-height: 20px;}
	#cover #row4 .copy h2 {font-size:26px; line-height: 30px;}
	}
	
@media (max-width: 480px) {
	#cover #row4 .copy {position:relative; color:#000;}
	}

#cover #row5 { position:relative;}
#cover #row5 img {width:100%; height:auto;}
#cover #row5 .vidlink {position:absolute; top: 50%; transform: translateY(-50%);}
#cover #row5 .vidlink img {width:100%; height:auto; }
#cover #row5 .copy {position:absolute; bottom:0px; right:15px; text-align: right;}
#cover #row5 .copy h2 {font-family: 'museo_sans900'; font-size:100px; line-height: 90px; color:#f94623; text-transform: uppercase;}

#cover #row5 .aos-item {position:absolute; bottom:60px; right:30px; border:10px solid #fff; width:285px; height:120px; color:#fff; font-family: 'museo_sans300'; font-size:17px; line-height: 21px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);}
#cover #row5 .aos-item .aos-box1 {position:absolute; top:0px; left:0px; padding:10px;}
#cover #row5 .aos-item .aos-box2 {position:absolute; top:0px; left:0px; padding:10px; display:none;}
#cover #row5 .aos-item .aos-box1 h2{font-family: 'museo_sans700'; font-size:30px; line-height: 36px; color:#3dd5ae;}
#cover #row5 .redlink {position:absolute; bottom:30px; right:30px; text-align:right;}
#cover #row5 .redlink a {font-size:12px; font-family: 'heuristicaregular'; color:#f94623; font-style: italic;}

@media (max-width: 992px) {
	#cover #row5 .copy h2 {font-size:50px; line-height: 50px; }
	#cover #row5 .vidlink img {width:75%; height:auto; }
	#cover #row5 .aos-item {position:absolute; bottom:30px; left:15px; width:200px; height:100px; font-size:13px; line-height: 15px; }
	#cover #row5 .aos-item .aos-box1 h2{font-size:16px; line-height:18px;}
	#cover #row5 .redlink { bottom:10px; left:25px; text-align:left;}
	}
	
@media (max-width: 768px) {
	#cover #row5 .vidlink {position:absolute; top: 0; transform: none;}

	}
	
@media (max-width: 480px) {
	#cover #row5 .copy {position:relative; }
	}


#cover #row6 {margin-bottom:20px;}
#cover #row6 .copy {text-align: right;}
#cover #row6 .copy h2 {font-family: 'museo_sans700'; font-size:36px; line-height: 46px; color:#f94623; text-transform: uppercase;}

@media only screen and (max-width: 992px) {
	#cover #row1 .copy h1 {font-size:50px; line-height:50px;}
}
@media only screen and (max-width: 480px) {
	#cover #row1 .copy {top:40%;}
	#cover #row1 .copy h1 {font-size:25px; line-height:25px;}
	#cover #row1 .copy h2 {font-size:16px; line-height:18px;}
}

/********  /COVER PAGE ********/



/********  FRESHMEN PAGE ********/
#freshmen {}
#freshmen #row1{ 
	height:100%;
  background:url(../images/freshmen_mainphoto.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:relative;
  margin-bottom:25px;
  overflow:hidden;
}

#freshmen #row1 .copy {position: relative; top: 50%; transform: translateY(-50%);}
#freshmen #row1 .copy h1 {color:#fff; font-size:70px; line-height:50px; font-family: 'museo_sans700'; text-align:center;}
#freshmen #row1 .copy h2 {color:#fff; font-size:14px; line-height:36px; font-family: 'museo_slab300_italic'; text-align:center;}
#freshmen #row1 .arrow {position:absolute; bottom:30px; text-align:center; width:100%;}


#freshmen #row2 {margin-bottom:25px; border-bottom:1px solid #b8b8b8; position:relative;}
#freshmen #row2 .photo {text-align:center; display:table-cell; vertical-align: bottom;}
#freshmen #row2 .photo img{width:100%; height:auto; max-width:555px; bottom:0px; vertical-align: bottom;}
#freshmen #row2 .copy {color:#898989; font-size:22px; line-height:30px; font-family: 'museo_sans100'; padding-bottom:10px;}
#freshmen #row2 .copy h2{color:#f94623; font-size:60px; line-height:48px; font-family: 'museo_sans500';}
#freshmen #row2 .copy h3{color:#f94623; font-size:36px; line-height:48px; font-family: 'museo_sans100';}

@media only screen and (max-width: 992px) {
	#freshmen #row2 .copy {color:#898989; font-size:16px; line-height:24px; font-family: 'museo_sans100';}
	#freshmen #row2 .copy h2{color:#f94623; font-size:30px; line-height:40px; font-family: 'museo_sans500';}
	#freshmen #row2 .copy h3{color:#f94623; font-size:24px; line-height:24px; font-family: 'museo_sans100';}
}

#freshmen #row3 {margin-bottom:25px;}
#freshmen #row3 .copy {margin-bottom:10px; color:#f94623; font-size:20px; line-height:38px; font-family: 'museo_sans300';}
#freshmen #row3 .copy span{margin-bottom:10px; color:#f94623; font-size:16px; line-height:16px; font-family: 'museo_sans700'; letter-spacing: -1px;}
#freshmen #row3 .photo1 img, #freshmen #row3 .photo2 img {width:100%; height:auto;}

#freshmen #row3 .photo1 .vid-link, #freshmen #row3 .photo2 .vid-link {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	#freshmen #row3 .photo1 .vid-link a:hover, #freshmen #row3 .photo2 .vid-link a:hover {opacity: 0.5;}
	#freshmen #row3 .photo1 .vid-link a img, #freshmen #row3 .photo2 .vid-link a img {width:auto; height:auto;}

.aligned-row {
  display: flex;
  flex-flow: row wrap;

  &::before {
    display: block;
  }
}

/********  /FRESHMEN PAGE ********/


/********  ATHLETICS PAGE ********/
#athletics {}
#athletics #row1{ 
	height:100%;
  background:url(../images/athletics_mainphoto.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:relative;
  margin-bottom:25px;
  overflow:hidden;
}

#athletics #row1 .copy {position: absolute; bottom: 10%; width:100%;}
#athletics #row1 .copy h1 {color:#fff; font-size:200px; line-height:200px; font-family: 'museo_sans900'; text-align:center;}

#athletics #row1 .copy2 {width:50%; margin:0 auto; color:#fff; font-size:14px; line-height:18px; font-family: 'museo_sans300';}
#athletics #row1 .copy h2 {color:#f94623; font-size:36px; line-height:24px; font-family: 'museo_sans700'; text-align:center; margin-bottom:12px; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);}
#athletics #row1 .copy2 .padded {margin-left:30%;}
#athletics #row1 .arrow {position:absolute; bottom:30px; text-align:center; width:100%;}

@media only screen and (max-width: 1200px) {
	#athletics #row1 .copy h1 {font-size:150px; line-height:150px;}
}
@media only screen and (max-width: 992px) {
	#athletics #row1 .copy h1 {font-size:120px; line-height:120px;}
}
@media only screen and (max-width: 700px) {
	#athletics #row1 .copy h1 {font-size:75px; line-height:75px;}
	#athletics #row1 .copy2 {width:80%;}
	#athletics #row1 .copy2 .padded {margin-left:10%;}
}
@media only screen and (max-width: 480px) {
	#athletics #row1 .copy h1 {font-size:36px; line-height:36px;}
	#athletics #row1 .copy h2 {font-size:28px;}
}


#athletics #row2 {position:relative; margin-bottom:25px;}
#athletics #row2 img {width:100%; height:auto;}
#athletics #row2 .vid-link {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	#athletics #row2 .vid-link a {text-align:center; font-size:12px; font-family: 'museo_slab300_italic'; color:#f94623; }
	#athletics #row2 .vid-link a:hover {opacity: 0.5;}
	#athletics #row2 .vid-link a img {width:auto; height:auto;}
	
#athletics #row3 {position:relative; margin-bottom:25px;}


/* Common style */
#athletics #row3 figure {
	position: relative;
	float: left;
	overflow: hidden;
/*	margin: 10px 1%;
	min-width: 320px;
	max-width: 480px;
	max-height: 360px;
	width: 48%;*/
	background: #000;
	text-align: center;
	cursor: pointer;
}

#athletics #row3 .photo {margin-bottom:30px;}

#athletics #row3 .photo img {width:100%; 
	height:auto;}

#athletics figure img {
	position: relative;
	display: block;
	opacity: 0.75;
	width:100%; 
	height:auto;
}

#athletics figure figcaption {
	padding: 2em;
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	font-family: 'museo_sans300';
}

#athletics figure figcaption::before,
#athletics figure figcaption::after {
	pointer-events: none;
}

#athletics figure figcaption,
#athletics figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
#athletics figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}


/*---------------*/
/***** Dexter *****/
/*---------------*/

#athletics figure.effect-dexter {
	background: -webkit-linear-gradient(top, rgba(37,141,200,1) 0%, rgba(104,60,19,1) 100%);
	background: linear-gradient(to bottom, rgba(37,141,200,1) 0%,rgba(104,60,19,1) 100%); 
}

#athletics figure.effect-dexter img {
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

#athletics figure.effect-dexter:hover img {
	opacity: 0.4;
}

#athletics figure.effect-dexter figcaption::after {
	position: absolute;
	right: 30px;
	bottom: 30px;
	left: 30px;
	height: -webkit-calc(50% - 30px);
	height: calc(50% - 30px);
	border: 7px solid #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-100%,0);
	transform: translate3d(0,-100%,0);
	background:rgba(255,255,255,0.2);
}

#athletics figure.effect-dexter:hover figcaption::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

#athletics figure.effect-dexter figcaption {
	padding: 3em;
	text-align: left;
}

#athletics figure.effect-dexter figcaption h2 {color:#6dcff6; font-size:36px; line-height: 36px; font-family: 'museo_sans500';}

#athletics figure.effect-dexter p {
	position: absolute;
	right: 60px;
	bottom: 30px;
	left: 60px;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,-100px,0);
	transform: translate3d(0,-100px,0);
}

#athletics figure.effect-dexter:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

#athletics figure.effect-dexter p .orange {font-family: 'museo_sans300'; color:#f94623; font-size:24px; line-height: 18px;}
#athletics figure.effect-dexter p .link {font-family: 'museo_sans500'; color:#6dcff6;}


@media only screen and (max-width: 992px) and (min-width: 769px) {
	#athletics figure.effect-dexter figcaption::after {
	right: 15px;
	bottom: 15px;
	left: 15px;
	height: -webkit-calc(70% - 15px);
	height: calc(70% - 15px);
	-webkit-transform: translate3d(0,-40%,0);
	transform: translate3d(0,-40%,0);
	}
	
	#athletics figure.effect-dexter p {
	position: absolute;
	right: 30px;
	bottom: 15px;
	left: 30px;
	-webkit-transform: translate3d(0,-50px,0);
	transform: translate3d(0,-50px,0);
	}
}

@media only screen and (max-width: 480px) {
	#athletics figure.effect-dexter figcaption::after {
	right: 15px;
	bottom: 15px;
	left: 15px;
	height: -webkit-calc(70% - 15px);
	height: calc(70% - 15px);
	-webkit-transform: translate3d(0,-40%,0);
	transform: translate3d(0,-40%,0);
	}
	
	#athletics figure.effect-dexter p {
	position: absolute;
	right: 30px;
	bottom: 15px;
	left: 30px;
	-webkit-transform: translate3d(0,-50px,0);
	transform: translate3d(0,-50px,0);
	}
}



/********  /ATHLETICS PAGE ********/

/* ********************************************** */
@font-face {
    font-family: 'museo_sans100';
    src: url('/css/fonts/MuseoSans_100-webfont.eot');
    src: url('/css/fonts/MuseoSans_100-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/MuseoSans_100-webfont.woff2') format('woff2'),
         url('/css/fonts/MuseoSans_100-webfont.woff') format('woff'),
         url('/css/fonts/MuseoSans_100-webfont.ttf') format('truetype'),
         url('/css/fonts/MuseoSans_100-webfont.svg#museo_sans100') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}

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

}

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

}

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

}

@font-face {
    font-family: 'heuristicabold';
    src: url('/css/fonts/heuristica-bold-webfont.eot');
    src: url('/css/fonts/heuristica-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/heuristica-bold-webfont.woff2') format('woff2'),
         url('/css/fonts/heuristica-bold-webfont.woff') format('woff'),
         url('/css/fonts/heuristica-bold-webfont.ttf') format('truetype'),
         url('/css/fonts/heuristica-bold-webfont.svg#heuristicabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'heuristicaregular';
    src: url('/css/fonts/heuristica-regular-webfont.eot');
    src: url('/css/fonts/heuristica-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/heuristica-regular-webfont.woff2') format('woff2'),
         url('/css/fonts/heuristica-regular-webfont.woff') format('woff'),
         url('/css/fonts/heuristica-regular-webfont.ttf') format('truetype'),
         url('/css/fonts/heuristica-regular-webfont.svg#heuristicaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}