/*
font-family:'Museo Sans W01_300';
font-family:'Museo Sans W01_500';
font-family:'Museo Sans W01_700';
font-family:'Museo Sans W01_900';
font-family:'Alternate Gothic W05 No_1';
font-family:'PTSansW01-NarrowRegular';
font-family:'MuseoSansW01-700Italic';

font-family: 'Montserrat', sans-serif;
*/

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

body {background:#fff;}
body, html {margin:0; }
#sidebar-header {
    background-color: #EB1F29;
    height: 60px;
    text-align: center;
}
#sidebar-header a {
    display: block;
    padding: 20px 0 0 0;
}
#sidebar-header .logo > img {
    display: inline-block !important;
}
#universal4o {display:none; margin-bottom:0;}
#footer-corporate {display: none;}

#quiz {width:100%; position:relative; z-index:1; -webkit-font-smoothing:antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; }

#quiz sup {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
.quiz_section {width:100%; position:relative; z-index:1;/*background: #00b2c7;*/}
.quiz_content {max-width:1080px; position:relative; z-index:1; margin:0 auto; font-family:'Museo Sans W01_500', sans-serif;}

/* Header */
#hero_hdr {}
#hero_hdr:after {
  content: "";
  display: table;
  clear: both;
}
#hero_hdr img {width:100%; height:auto; display: block; float: left;}


/* Hero */
#healthy_hero {background: url("../../images/quiz_herobg.jpg") center center no-repeat; background-size: cover;height: 469px;}
#healthy_hero .quiz_content {text-align:center; padding:15px 0 55px 0;}

#hero_top {}
#hero_top:after {
  content: "";
  display: table;
  clear: both;
}
#hero_sponsored {font-family:'Museo Sans W01_500', sans-serif; color:#000; font-size:10px; padding:5px 0 0 0;}
#hero_logos {padding:10px 0 12px 0; margin: 0 auto;height: 30px;}
#hero_logo img {height:auto; display: inline-block;margin: 8px 6px 0 6px;}

#hero_text {top:60px; width:90%;  margin:0 auto; }
#hero_text h1 {margin:30px auto 0 auto; padding:0; color:#000; font-family:'Museo Sans W01_900', sans-serif;    line-height:34px;font-weight: 900;font-size: 30px;}
#hero_text h1 strong {font-size: 24px;letter-spacing: 2.5px;font-weight: 900;line-height: 55px;}
#hero_text h2 {margin:0; padding:0 11px; max-width: 520px; font-family:'Museo Sans W01_500', sans-serif; color:#000; font-size:24px; font-weight: 500; line-height: 31px; position: relative; display: inline-block;letter-spacing: .5px; text-shadow: -1px 0 #d7f0f5, 0 1px #d7f0f5, 1px 0 #d7f0f5, 0 -1px #d7f0f5;}
#hero_text h3 {margin:12px 0 0 0; padding:0; color:#000; font-family:'Museo Sans W01_900', sans-serif; font-weight: 900; font-size:15px; line-height:27px; letter-spacing: 2px; text-shadow: -1px 0 #d7f0f5, 0 1px #d7f0f5, 1px 0 #d7f0f5, 0 -1px #d7f0f5;}

#hero_text h1 .blue {color: #00aeef;}
#hero_text h1 .magenta {color: #ec008c;}
#hero_text h1 .green {color: #68bd49;}
#hero_text h1 .purple {color: #7d519f;}
#hero_text h1 .gold {color: #fec357;}
#hero_text h1 .red {color: #ed1b2f;}
#hero_text h1 .aqua {color: #2db8c1;}
#hero_text h1 .salmon {color: #f3606d;}



/* Quiz */
#quiz_holder {padding:60px 10px; background:#28b9c2;}
#quiz_box {max-width:1000px; margin:0 auto; padding:20px; background:#fff;}
#quiz_intro {text-align:center; padding-bottom: 20px;}
#quiz_intro h2 {margin:30px auto 0 auto; padding:0; color:#000; line-height:60px; font-family: 'Montserrat', sans-serif; font-weight:900; font-size:60px; letter-spacing: 8.5px;}
#quiz_intro h2 .blue {color: #00aeef;}
#quiz_intro h2 .magenta {color: #ec008c;}
#quiz_intro h2 .green {color: #68bd49;}
#quiz_intro h2 .purple {color: #7d519f;}
#quiz_intro h2 .gold {color: #fec357;}
#quiz_intro h2 .red {color: #ed1b2f;}
#quiz_intro h2 .aqua {color: #2db8c1;}
#quiz_intro h2 .salmon {color: #f3606d;}

#quiz_intro p {margin:0; padding:0 11px; font-family: 'Montserrat', sans-serif; color:#000; font-size:24px; font-weight: 500; line-height: 31px; position: relative; display:block;letter-spacing: .5px;}


/* Media Queries */

@media only screen and (min-width: 480px) {
#hero_text h1 strong {font-size: 34px;letter-spacing: 2.5px;font-weight: 900;line-height: 55px;}

}

@media only screen and (min-width: 600px) {
#quiz_intro h2 {margin:30px auto 0 auto; padding:0; color:#000; line-height:60px; font-family: 'Montserrat', sans-serif; font-weight:900; font-size:60px; letter-spacing: 8.5px;}
#hero_text h1 strong {font-size: 44px;letter-spacing: 4.5px;font-weight: 900;line-height: 55px;}

}

@media only screen and (min-width: 720px) {
/* Hero */
#healthy_hero .quiz {max-height: auto;}
#hero_sponsored {float: left; padding:20px 20px 40px 30px;}
#hero_logo {float: right; margin:6px 25px 0 0;}
}

@media only screen and (min-width: 865px) {
#hero_text h1 {margin:0px auto 0 auto; padding:0; color:#000; font-family:'Museo Sans W01_900', sans-serif; line-height:40px;font-weight: 900;font-size: 40px;text-align: center;}
#hero_text h1 strong {font-size: 60px;letter-spacing: 7.5px;font-weight: 900;line-height: 60px;display: block;padding: 9px 0 8px 0;}

}

@media only screen and (min-width: 960px) {
/* Hero */
#healthy_hero .quiz_content {}
#hero_top {    }
#hero_text {   }
#hero_text h1 {  }
}

@media only screen and (min-width: 1024px) {
#universal4o {display: block;}
#sidebar-header {display: none;}
}

@media only screen and (min-width: 1080px) {

}

@media only screen and (min-width: 1320px) {

}
 
  
@media only screen and (min-width: 1900px) {
 
}