
@media screen and (max-width: 768px) {
/* Top Nav */
.topnavextra {display: none;}
/* /Top Nav */
/* Page */
#page {margin: 0 auto; 	width: 100%; max-width: 800px; background-color:#FFF;}
/* /Page */
/* Body Content */
.main {margin: 0 auto; padding: 60px 0; width: 87.5%;} /* 700px / 800px */
/* Column One */
.col-one {float: left; width: 57.1428571429%;} /* 400px / 700px */
.col-one-content {font-size: 0.8em; padding: 0 0 20px 0;}
.col-one-content a {color: #2525CC; text-decoration: none;}
.col-one-content h1 {font-size: 1.4em;}
.col-one-content h2 {font-size: 1.3em;}
.col-one-content h3 {font-size: 1.1em;}
.col-one-content h4 {font-size: 1.0em;}
.buyheads {margin: 0 0 1.1em 0; font-size: 1.1em;}
.feats { display:none;}
.featsorng {font: bold 1.3em/1.3 "Arial Narrow", Arial, sans-serif; margin: 0.2em 0;}
/* /Column One */
/* Column Two */
.col-two {float: left; width: 3.5714285714%;} /* 25px / 700px */
/* /Column Two */
/* Column Three */
.col-three {float: left; width: 39.2857142857%; background-color: #FFF;} /* 275px / 700px */ 
.col-three-content {font-size: 0.7em;}
/* /Column Three */
}

@media screen and (max-width: 500px) {
/* Top Nav */
.topnav {font-size: 0.8em; padding-left: 5%;}
.topnav a{padding-right: 2.0em;}
/* /Top Nav */
/* Page */
#page {margin: 0 auto; 	width: 100%; max-width: 500px; background-color:#FFF;}
/* /Page */
/* Body Content */
.main {margin: 0 auto; padding: 12px 0; width: 95%;}
.notaform { font-size: 0.8em; margin-left: 5%; margin-top:4px;}
/* Social Buttons Top */
.soctop {width: 90%;}
/* /Social Buttons Top */
/* Column One */
.col-one {float: left; width: 100%;}
.col-one-content { font-size:1.1em; padding: 0 0 5px 0;line-height: 170%;}
.col-one-content h1 {font-size: 1.2em;}
.col-one-content h2 {font-size: 1.1em;}
.col-one-content h3 {font-size: 1.0em;}
.col-one-content h4 {font-size: 0.9em;}
.feats {font: normal 1.2em/1.1 "Arial Narrow", Arial, sans-serif; /* 58px / 16px */ }
.lnav {font-size: 1.0em; line-height: 300%;} 
.samlists {font-size: 1.1em; line-height: 2.0em;}
.lists {line-height: 300%;}
.blist {font-size: 0.8em; line-height: 1.4em; padding-left: 18px;}
.bigred {font-size: 1.1em;}
/* /Column One */
/* Column Two */
.col-two {display: none;}
/* /Column Two */
/* Column Three */
.col-three {float: left; width: 100%;}
.col-three-content {font-size: 1.0em;}
.zz-show {display: none;}
.zz-noshow {display: block;}
/* /Column Three */
.noshow {display: none;}
}

