body {font-family: 'Montserrat', sans-serif;font-size:16px;background: #fff;margin: 0;padding: 0;color: #555;text-align:center;}


@media screen and (max-width:680px) 
{
body {font-size:16px;}
}






/* ------- LAYOUT ----- */
.section {clear: both;padding: 0px;margin: 0px;}
.col {display: block;float:left;margin: 1% 0 1% 0%;}
.col:first-child { margin-left: 0; }
.group:before,.group:after {content:"";display:table;}
.group:after {clear:both;}
.group {zoom:1;}
                                              
.span_3_of_3 {width: 20%;}
.span_2_of_3 {width: 60%;}
.span_1_of_3 {width: 20%;}
.span_3_of_3r {width: 25%;}
.span_2_of_3r {width: 50%;}
.span_1_of_3r {width: 25%;}

.vert_ad_leftw, .vert_ad_rightw {text-align:center;}
.centt, .cent{text-align:center;}

.vert_ad_left,.vert_ad_right{display:inline-block;width:160px;height:600px;}

ul {list-style-type: none;margin: 0;padding: 0;}
li {padding-bottom:12px;}

.sub_foot{margin:50px 0px 30px 0px;}

@media screen and (max-width:1300px) 
{
.vert_ad_leftw, .vert_ad_left, .vert_ad_rightw, .vert_ad_right {display:none;}
}


@media screen and (max-width:680px) 
{
.span_3_of_3, .span_3_of_3r, .span_1_of_3, .span_1_of_3r {width: 5%;}
.span_2_of_3, .span_2_of_3r {width: 90%;}
}


/* ----- GENERIC ---- */


h1{font-weight:400;color:#00CC33;font-size:40px;margin:5px 0px 10px 0px;}
h2{color:#00CC33;font-size:18px;font-weight:400;margin:25px 0px 10px 0px;}
.red{color:#CC0000;}
a{color:#DC8927;text-decoration:none;}
.site_nav{text-align:center;margin:20px 0px 20px 0px;}
.resize{width:100%;}
.top_ad_wrap{margin:5px auto 0 auto; max-width:760px;};

@media screen and (max-width:680px) 
{
.top_ad_wrap{margin:2px auto 0 auto;};
h2{font-size:16px;margin:10px 0px 10px 0px;}
.site_nav{font-size:13px;}
}




/* ----- HOMEPAGE ----- */
.fun_note{color:#cc0000;margin:30px 0px;}
.site_details{max-width:500px;margin:0 auto 20px auto;}
.site_details p{line-height:160%;text-align:justify;}
.site_info{font-size:14px;color:#888;margin:0px 0px 40px 0px;}



@media screen and (max-width:680px) 
{
.site_details{margin:0;}
.site_details p{line-height:150%;}
.site_info{font-size:13px;margin:0px 0px 10px 0px;}
}



/* ----- BUTTONS ----- */

.bgradx{background:  #EFFAE4;background: linear-gradient(top,  #EFFAE4,  #E2F7CE);}
.bgradx:hover{background: #E2F7CE;background: linear-gradient(top,  #E2F7CE,  #C1EE95);}
.testbuttonx {color: #000000;font-size: 18px;margin:0px auto 10px auto;padding: 10px 25px;border-radius: 6px;border: 1px solid #CCCCCC;max-width:300px;display:block;text-decoration:none;}
.testbuttonx:hover {color: #000;cursor:pointer;}
.testbuttonx:active{color: #000;background: #FECA40;cursor:pointer;}
.bgrad{background: #f7f7f7;background: linear-gradient(top,  #EEEEEE,  #DDDDDD);}
.bgrad:hover{background: #EFFAE4; background: linear-gradient(top,  #EFFAE4,  #E2F7CE);}
.testbutton {color: #000000;font-size: 16px;margin:0px auto 10px auto;padding: 10px 25px;border-radius: 6px;border: 1px solid #CCCCCC;max-width:300px;display:block;text-decoration:none;}
.testbutton:hover {cursor:pointer;}
.testbutton:active{background: #FECA40;cursor:pointer;}
.button_wrap{margin:0px 0px 50px 0px;}

@media screen and (max-width:680px) 
{
.testbuttonx {font-size: 16px;}
.testbutton {font-size:16px;margin:0px auto 8px auto; padding: 12px 25px;}
.button_wrap{margin:0px 0px 20px 0px;}
}

/* ----- RESULTS ----- */

.res_score_notes{color:#cc0000;}
.res_results{font-size:22px;padding:10px;}
.res_score{font-size:80px;color:#33CC33;margin:5px 0px 40px 0px;font-weight:bold;}

@media screen and (max-width:680px) 
{
.res_results{padding:0px;}
.res_score{margin:5px 0px 5px 0px;}
}


/* --- INFO PAGES --- */

.about_text{text-align:justify;max-width:760px;margin:0 auto;}
.about_text h2{color:#808080;text-align:left;}
.about_text h1{text-align:left;}
.about_text p{text-align:justify;line-height:160%;}
.sub_image_desc{display:block;padding:2px 0 0 0;font-size:11px;text-align:center;}
ol.breadcrumbs {text-align:left;padding: 10px 0;list-style: none;background-color:#fff;margin:0;}
ol.breadcrumbs li {display: inline;font-size: 12px;}
ol.breadcrumbs li+li:before {padding: 8px;color: black;content: "/\00a0";}
ol.breadcrumbs li a {color: #808080;text-decoration: none;}
ol.breadcrumbs li a:hover {color: #00CC00;text-decoration: underline;}

@media screen and (max-width:760px) 
{
.about_text{padding:0 10px;}
ol.breadcrumbs li+li:before {padding:8px 2px;}
}

@media screen and (max-width:680px) 
{
.about_text h2{font-size:16px;}
.about_text h1{font-size:24px;}
.aboutsec h1{font-size:24px;}
}



/* ----- QUESTIONS ---*/

.st_drop_h{padding:10px;}
.st_qnum{color:#00CC33;font-size:28px;padding:0px;margin:10px 0;font-family: 'Caveat', cursive;}
.secquestion h1{font-size:32px;color:#009CE8;margin:30px 0;}
.return_links{padding:20px;}
.st_qnumx{font-size:14px;}


@media screen and (max-width:680px) 
{
.st_qnum{font-size:28px;}
.secquestion h1{margin:20px 0 20px 0;font-size:24px;}
}




/* ----- MENU ---*/

ul.topnav {list-style-type: none;margin: 0 auto;padding: 0;overflow: hidden;background-color: #FFF;-webkit-margin-before: 0em;-webkit-margin-after: 0em;border-bottom:1px solid #ddd;max-width:760px;}
ul.topnav li {float: left;margin-bottom:0em;padding:0}
ul.topnav li a {display: inline-block;color:#689BD2;text-align: center;padding: 10px 16px;text-decoration: none;transition: 0.5s;font-size: 14px;}
ul.topnav li a:hover {background-color: #F0FFEC;}
ul.topnav li.icon {display: none;}

@media screen and (max-width:680px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
}

@media screen and (max-width:680px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {position: absolute;right: 0;top: 0;}
  ul.topnav.responsive li {float: none;display: inline;}
  ul.topnav.responsive li a {display: block;text-align: left;}
}