/* GLOBAL STYLES */

@media screen and (min-width: 200px) {
body{font-size:94%;font-family:Verdana,Geneva,sans-serif;margin:4px;}
}

@media screen and (min-width: 320px) {
body{font-size:96%;}
}

@media screen and (min-width: 480px) {
body{font-size:98%;}
}

@media screen and (min-width: 600px) {
body{font-size:100%;}
}


/* STRUCTURAL DIV STYLES */

#container{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#fff;max-width:1220px;overflow:hidden;height:100%;}

@media screen and (min-width: 200px) {
#container{border-bottom-left-radius:.6em;}
#container{border-bottom-right-radius:.6em;}
}

@media screen and (min-width: 900px) {
#container{border-top-right-radius:.6em;}
}

#header{background-color:#fff;width:100%;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#logo{background-color:#fff;float:left;padding:3px;}
#logo img{vertical-align:top;}

/* HEADER/LOGO SCREEN SIZES */

@media screen and (min-width: 200px) {
#header{height:auto;}
#logo{text-align:center;}
#logo img{width:100%;height:auto;max-width:353px;}
#header-gads{display:none;}
}

/* custom size! */
@media screen and (min-width: 280px) {
#header-gads{float:left;display:block;max-width:234px;max-height:60px;width:234px;height:60px;margin:5px auto;}
}

@media screen and (min-width: 480px) {
#logo{text-align:left;}
}

/* custom size! */
@media screen and (min-width: 510px) {
#header-gads{max-width:468px;max-height:60px;width:468px;height:60px;}
}

@media screen and (min-width: 768px) {
#header-gads{max-width:728px;max-height:90px;width:728px;height:90px;}
}

@media screen and (min-width: 900px) {
#header-gads{display:none;}
}

/* custom size! */
@media screen and (min-width: 970px) {
#header-gads{float:left;display:block;max-width:234px;max-height:60px;width:234px;height:60px;margin:20px 0 0 25px;}
}

@media screen and (min-width: 1200px) {
#header-gads{max-width:468px;width:468px;}
}

/* horizontal menu */

#horizontal-menu{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#horizontal-menu ul li.active{background:#F2EBDE;border:solid 1px #BFB5A4;box-shadow:inset 0 0 0 1px #fff;text-shadow:1px 1px 0 rgba(255,255,255,.9);}
#horizontal-menu ul li a{text-decoration:none;color:#1C1C1C;}
#horizontal-menu ul li a:hover{color:#BFB5A4;text-shadow:1px 1px 0 rgba(255,255,255,.9);}
#horizontal-menu ul li.active a{color:#403B31;}
#header #horizontal-menu ul li.active:hover{border:solid 1px #1C1C1C;}

@media screen and (min-width: 200px) {
#horizontal-menu{text-align:center;background-color:#fff;width:100%;float:right;}
#horizontal-menu ul{margin-left:-30px;}
#horizontal-menu ul li{display:inline;padding:2px 1px;margin:0 1px;}
}

@media screen and (min-width: 320px) {
#horizontal-menu ul{margin-left:-12px;}
#horizontal-menu ul li{padding:6px;margin:0 3px;}
}

@media screen and (min-width: 480px) {
#horizontal-menu{text-align:left;}
#horizontal-menu ul li{padding:10px;margin:0 8px;}
}

@media screen and (min-width: 900px) {
#horizontal-menu{font-size:91%;width:25%;max-width:275px;min-width:255px;border-radius:.6em;border:1px solid silver;}
#horizontal-menu ul{margin-left:-25px;}
#horizontal-menu ul li{padding:4px;margin:0 4px;}
}

#mid-bar{width:100%;background-color:#000;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

@media screen and (min-width: 200px) {
#mid-bar{height:2px;}
}

@media screen and (min-width: 600px) {
#mid-bar{height:14px;}
#mid-bar{border-top-left-radius:.6em;
border-top-right-radius:.6em;}
}

@media screen and (min-width: 768px) {
#mid-bar{height:20px;}
}

@media screen and (min-width: 900px) {
#mid-bar{height:24px;}
}

/* LEFT MENU */

#left-menu{float:left;height:100%;background-color:#A51818;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#left-menu ul{list-style-type:none;margin:0;padding:0;}
#left-menu p{text-decoration:none;color:#A9A9A9;}
#left-menu ul li{border-bottom:1px solid #A9D0D6;}
#left-menu ul li a{text-decoration:none;color:#fff;display:block;}
#left-menu .menu-facebook, #left-menu .menu-twitter{text-align:center;margin:3px;}

/* LEFT MENU SCREEN SIZES */

@media screen and (min-width: 200px) {
#left-menu{width:100%;font-size:125%;text-align:center;background-color:#fff;}
#left-menu ul{line-height:1.7em;}
#left-menu ul li{background-color:#eee;border-bottom:1px solid #ddd;border-radius:.3em;margin:1px;padding:5px 0;}
#left-menu ul li:hover{background-color:#ddd;text-decoration:none;}
#left-menu ul li a{display:block;color:#222;}
#left-menu ul li:hover a{color:#555;}
#left-menu p{display:none;}
#left-menu .narrow-no{display:none;}
#left-menu .menu-facebook, #left-menu .menu-twitter{display:none;}
}

@media screen and (min-width: 480px) {
#left-menu{width:100%;min-width:170px;}
#left-menu p{}
}

@media screen and (min-width: 600px) {
#left-menu{padding-left:6px;text-align:left;width:32%;background-color:#A51818;font-size:94%;border-bottom-right-radius:.6em;border-bottom-left-radius:.6em;}
#left-menu ul{line-height:1em;}
#left-menu ul li{border-radius:0;background-color:#A51818;border-left:none;border-right:none;border-top:none;border-bottom:none;}
#left-menu ul li a{display:block;color:#fff;}
#left-menu ul li:hover{background-color:#A51818;text-decoration:underline;}
#left-menu ul li:hover a{text-decoration:underline;color:#fff;}
#left-menu p{display:block;border-bottom:1px solid #FFFAF0;border-radius:0;border-left:none;border-right:none;border-top:none;}
#left-menu .narrow-no{display:block;}
#left-menu .wide-no{display:none;}
#left-menu .menu-facebook, #left-menu .menu-twitter{display:block;}
}

@media screen and (min-width: 768px) {
#left-menu{width:26%;font-size:92%;font-weight:bold;}
}

@media screen and (min-width: 900px) {
#left-menu{width:22%;font-size:88%;}
}

@media screen and (min-width: 1200px) {
#left-menu{width:20%;font-weigt:normal;}
}

/* MAIN CONTENT */

#content{vertical-align:top;overflow:auto;background-color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:100%;padding:0 .7% .7% 1%;border-right:1px solid silver;}
#content blockquote p{border-left:3px solid #98AFC7;padding-left:8px;}
#content H1.bordered,#content H2.bordered,#content H3.bordered {border-bottom:thin solid #A51818;}
#content ul,#content ol, #content dl{line-height:2.4em;}
#content p{line-height:1.8em;}
#content H1.bordered,#content H2.bordered,#content H3.bordered,#content H4.bordered {border-bottom:thin solid #A51818;}

/* CONTENT SCREEN SIZES */

@media screen and (min-width: 200px) {
#content{width:100%;border-right:1px solid silver;border-left:1px solid silver;}
#content h1{font-size:120%;}
#content h2{font-size:110%;}
#content h3{font-size:100%;}
#content h4{font-size:90%;}
}

@media screen and (min-width: 320px) {
#content h1{font-size:130%;}
#content h2{font-size:120%;}
#content h3{font-size:110%;}
#content h4{font-size:100%;}
}

@media screen and (min-width: 480px) {
#content h1{font-size:140%;}
#content h2{font-size:125%;}
#content h3{font-size:115%;}
#content h4{font-size:110%;}
}

@media screen and (min-width: 600px) {
#content{width:68%;border-left:none;min-height:1200px;}
}

@media screen and (min-width: 768px) {
#content{width:74%;}
#content h1{font-size:165%;}
#content h2{font-size:145%;}
#content h3{font-size:125%;}
#content h4{font-size:115%;}
}

@media screen and (min-width: 900px) {
#content{width:78%;}
}

@media screen and (min-width: 1200px) {
#content{width:80%;}
}


/* FOOTER AND GUTTER */

#footer{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:.85em;width:100%;background-color:#000;overflow:hidden;text-align:center;color:#fff;padding:8px;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em;}
#footer a{color:#fff;text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#gutter{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:.9em;width:100%;max-width:1220px;background-color:#fff;text-align:center;padding:8px;}
.eXTReMe{margin-top:8px;}

/* FOOTER AND GUTTER SCREEN SIZES */

@media screen and (min-width: 200px) {
#footer .narrow-no{display:none;}
}

@media screen and (min-width: 600px) {
#footer .narrow-no{display:inline;}
}

/* TOP LEVEL CUSTOM STYLES */

.links{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border:1px solid silver;padding:4px;font-size:.9em;background-color:#eee;text-align:center;margin:6px auto;line-height:1.8em;max-width:400px;border-radius:.5em;}
.links h2{font-size:12pt;border:none;}
.links a{border-bottom:1px dashed blue;text-decoration:none;}
.links a:hover{color:#000;border-bottom:1px solid #000;}
.links hr{height:1px;color:silver;}

/* image wrapper e.g. IELTS chart images, fce/cae/cpe interview images */

@media screen and (min-width: 200px) {
.large-image img{width:99%;height:auto;}
}

@media screen and (min-width: 600px) {
.large-image img{width:98%;}
}

@media screen and (min-width: 1200px) {
.large-image img{width:auto;}
}

/* contact forms */

.contact{background-color:#EFEFEF;border:1px solid #444;width:60%;padding:5px 15px;border-radius:.4em;box-shadow:5px 5px 5px #ccc;}
.contact .button{background-color:#A51818;color:#fff;padding:3px 8px;border:2px outset #666;margin-top:4px;}
.contact h2{color:#A51818;}
.contact .input-field{background-color:#FFF;border:1px inset #000;font-family:Arial;font-size:1.2em;width:50%;font-weight:bold;color:#A51818;}
.contact .text-field{border:1px inset #000;border-radius:.3em;width:90%;}
.contact .checkbox{margin-left:3em;}
.contact .checkbox2{margin-left:3.5em;}
.contact .checkbox3{margin-left:4em;}
.comment{border:1px solid silver;border-radius:.4em;padding:8px;}
.bookworm{background-color:#FFF;text-align:center;width:90%;border:none;margin:8px auto;border-radius:.8em;border:1px solid silver;padding:8px 0;}
.bookworm a {text-decoration:none;}
.bookworm-title{background-color:#efefef;padding:5px;font-weight:bold;}
.tipbox{margin:5px auto;width:80%;border:1px solid silver;padding:8px;border-radius:.5em;font-size:.9em;box-shadow:5px 5px 5px #ccc;}
.tipbox h3{border:none !important;margin:3px;color:#900;}
.info-box{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;text-align:center;width:98%;background-color:#efefef;padding:12px;font-size:.9em;border:1px solid silver;border-radius:.5em;text-align:center;margin:12px auto;width:90%;border-radius:.5em;box-shadow:5px 5px 5px #ccc;}
.info-box li{text-align:left;}
.blog-promo{max-width:600px;overflow:hidden;margin:0 auto;border:1px solid silver;border-radius:.6em;padding:12px;background-color:#efefef;}
.blog-promo img{float:right;border:1px solid #999;margin-left:8px;}
.index-page-links{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;width:98%;border:1px solid silver;padding:6px;border-radius:.4em;background-color:#efeefe;font-weight:bold;font-size:.9em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
table.reference-table{width:95%;background-color:#efefef;}
table.reference-table tr td{border:1px solid silver;padding:3px;}
.premium-ad{margin:6px 2%;border:1px solid silver;border-radius:.4em;padding:12px;background-color:#efefef;}
.premium-ad img.cover-sample{float:right;margin-left:6px;}
.premium-ad h3{margin:0;}
.premium-ad p.links-block, .premium-ad p.bottom-block{text-align:center;}
.mini-social-bar{float:left;vertical-align:middle;width:270px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:4px;margin:12px 0;}

/* TOP LEVEL SCREEN SIZES */

@media screen and (min-width: 200px) {
.bookworm {display:none;}
.index-page-links{width:100%;}
.premium-ad{display:none;}
.mini-social-bar{display:none;}
.blog-promo{display:none;}
}

/* only show on decent smartphones above 360px */
@media screen and (min-width: 360px) {
.premium-ad{display:block;}
.premium-ad img.cover-sample {max-width:120px;height:auto;}
.premium-ad li.mobile-no{display:none;}
}

@media screen and (min-width: 480px) {
.bookworm {display:table;font-size:.8em;}
.mini-social-bar{display:block;}
.blog-promo{display:block;}
}

@media screen and (min-width: 600px) {
.bookworm img{transform:scale(.7,.7);}
.index-page-links{width:80%;}
.premium-ad img.cover-sample {max-width:130px;}
.premium-ad li.mobile-no{display:list-item;}
.blog-promo img{transform:scale(.8,.8);}
}

@media screen and (min-width: 768px) {
.bookworm img{transform:scale(1.0,1.0);}
.premium-ad img.cover-sample {max-width:150px;}
.blog-promo img{transform:scale(1.0,1.0);}
}

@media screen and (min-width: 900px) {
.bookworm {display:table;font-size:.9em;}
.index-page-links{width:70%;}
.premium-ad img.cover-sample {max-width:160px;}
}

/* adsense styles */

.content-top-gads{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:8px;}

/* adsense screen sizes */

@media screen and (min-width: 200px) {
.content-top-gads{max-width:145px;}
}

@media screen and (min-width: 320px) {
.content-top-gads{max-width:270px;}
}

@media screen and (min-width: 480px) {
.content-top-gads{max-width:430px;}
}

@media screen and (min-width: 600px) {
.content-top-gads{max-width:340px;}
}

/* app promo div*/

.app-promo{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;box-shadow:5px 5px 5px #ccc;padding:4px;border:1px solid #bbb;border-radius:0.4em;margin:6px auto 12px auto;}
.app-promo h1{text-align:center;margin:0;}
.app-promo .linkbar{text-align:center;border:1px solid #eee;padding-bottom:8px;border-radius:0.4em;}
.app-promo .linkbar img{position:relative;top:10px;}

/* app promo screen sizes */

@media screen and (min-width: 200px) {
.app-promo, .edusynch-promo{width:99%;font-size:.75em;}
.app-promo ul{line-height:1.6em !important;margin-left:-20px;}
.app-promo .sidebar, .edusynch-promo .sidebar{width:5px;}
.app-promo .sidebar img, .edusynch-promo .sidebar img{display:none;}
.app-promo .linkbar a{font-size:.95em;color:#ff9000;}
.app-promo .linkbar img{display:none;}
}

@media screen and (min-width: 320px) {
.app-promo, .edusynch-promo{font-size:.8em;}
}

@media screen and (min-width: 480px) {
.app-promo, .edusynch-promo{font-size:.9em;}
.app-promo .linkbar a{font-size:1em;}
}

@media screen and (min-width: 900px) {
.app-promo .sidebar{width:115px;}
.app-promo .sidebar img{display:block;max-width:105px;height:auto;}
.app-promo .linkbar img{display:inline;}
}

@media screen and (min-width: 1200px) {
.app-promo, .edusynch-promo{width:90%;font-size:1em;}
.app-promo .sidebar{width:175px;}
.app-promo .sidebar img{display:block;max-width:165px;height:auto;}
}

/* side scroller */

.side-scroller{background-clip:padding-box;background-color:#fff;border:1px solid #bbb;border-radius:5px;box-shadow:1px 0 15px rgba(0, 0, 0, 0.2);font-family:Lucida, Arial, Verdana;font-size:0.9em;font-weight:bold;color:#ff9000;line-height:1.2em;min-width:55px;padding:5px;text-align:center;width:auto;height:auto;position:fixed;right:10px;bottom:10px;}
.side-scroller img{margin:3px 8px 3px 8px;}

/* custom size */
@media screen and (min-width: 100px) {
.side-scroller{display:none;}
}

/* custom size */
@media screen and (min-width: 1450px) {
.side-scroller{display:inline;}
}

/* CONTENT LEVEL CUSTOM STYLES */

h1.song-title{text-align:center;}
.print-button{float:right;margin:3px 14px 0 14px;}
.social-bar{margin-top:4px;background-color:#efefef;margin-left:auto;margin-right:auto;height:70px;padding:5px;border-top:1px solid #aaa;border-bottom:1px solid #aaa;box-shadow:4px 8px 7px 0 #ddd;}
.social-bar .label{float:left;margin-left:12px;color:#6699CC;margin-top:20px;}
.social-bar .twitter-follow-block{float:left;margin:18px 6px 0 6px;}
.description{font-size:.7em;color:#000;line-height:1.5;width:80%;margin-left:auto;margin-right:auto;}
.exam-sub-heading{color:#A51818;}
.level-title{line-height:1.4em;border:1px solid silver;padding:4px;border-radius:.5em;box-shadow:5px 5px 5px #eee;font-size:1em;margin:8px auto;color:#900;width:60%;text-align:center;}
.level-title span.header, .level-title span.sitename{color:#000;font-size:.8em;}
.boxed{padding:5px 15px;border:1px solid gray;border-radius:.4em;width:98%;line-height:1.8em;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.mini-boxed{padding:10px;border:1px solid gray;border-radius:.4em;width:40%;color:#000;line-height:1.6em;text-align:center;}
.wordlist{width:70%;max-width:500px;margin-left:auto;margin-right:auto;border:1px solid silver;padding:5px;border-radius:.3em;font-size:1.2em;text-align:center;background-color:#efefef;}
.reading{margin:4px;padding:0 8px;border:1px solid silver;width:96%;background-color:#efefef;line-height:2em;border-radius:.4em;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
#content .reading p{font-size:1.15em;line-height:1.8em;}
.long-reading{margin:4px;padding:0 8px;border:1px solid silver;width:96%;background-color:#efefef;border-radius:.4em;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
#content .long-reading p{line-height:1.4em;}
.citation{font-style:italic;font-size:.8em;color:#888;}
table.questions tr td{line-height:2.1em;}
.questions .left{background-color:#e6e6fa;padding:12px !important;}
.questions .right{background-color:#efefef;text-align:center;padding:30px !important;}
.questions-mc{border-radius:.6em;border:1px solid #999;border-spacing:10px;width:90%;margin-left:auto;margin-right:auto;}
.questions-mc tr td{width:50%;vertical-align:top;}
.matching{margin-bottom:6px;border:1px solid olive;line-height:3.8em;border-radius:.4em;}
.matching tr td{text-align:center;width:50%;}
.matching-answers{margin-bottom:6px;border:1px solid olive;line-height:2.2em;border-radius:.4em;}
.matching-answers tr td{text-align:center;width:50%;}
.matching tr td.left, .matching-answers tr td.left{border-right:1px solid olive;}
.semantic{border:1px solid silver;border-collapse:collapse;table-layout:fixed;}
.semantic tr td{border:1px solid silver;line-height:55px;}
.semantic tr.toprow,.semantic tr td.firstcol{background-color:#FFE0A3;font-weight:bold;text-align:center;}
.wsearch{width:90%;text-align:center;line-height:2em;border:1px solid #A51818;box-shadow:5px 5px 5px #ccc;background-color:#efefef;margin:25px auto;}
.wsearch-two{font-family:monospace;font-weight:bold;color:#000;width:auto;text-align:justify;border:1px solid #A51818;box-shadow:5px 5px 5px #ccc;background-color:#efefef;margin:25px auto;}
.dominoes{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;text-align:center;line-height:3em;border:2px solid #444;margin-left:auto;margin-right:auto;border-collapse:collapse;}
.dominoes td{margin:8px 0;vertical-align:middle;border-top:2px solid #444;border-right:1px dashed #666;}
.oandx{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;text-align:center;border:1px solid #000;margin-left:auto;margin-right:auto;border-collapse:collapse;background-color:#FFE0A3;}
.oandx td{border:1px solid #000;width:33%;padding:0;}
.pic-vocab{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border:1px solid silver;padding:8px 3px;border-radius:.6em;}
.pic-vocab tr td.image-div{text-align:center;}
.pic-vocab tr td.word-div{text-align:center;}
.empty-boxes{table-layout:fixed;width:94%;border:2px solid #000;line-height:2em;font-size:1.3em;text-align:center;padding:3px;margin-left:auto;margin-right:auto;border-collapse:collapse;box-shadow:5px 5px 5px #ccc;}
.empty-boxes td{padding-bottom:145px;vertical-align:top;border:2px solid #000;}
.flashcard{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;text-align:center;width:99%;}
.flashcard td{border:2px outset silver;background-color:#efefef;}
.silver{background-color:#ddd;}
.card{margin:14px 0px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;font-size:1.2em;font-weight:bold;border:1px solid black;padding:12px;height:auto;box-shadow:8px 8px 1px #aaa;}
.one,.two,.three,.four,.five,.six,.seven{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin:22px auto;table-layout:fixed;}
.one,.two,.three,.four,.five,.six,.seven{}
.one{text-align:center;line-height:1.6em;border:5px solid #444;border-collapse:collapse;}
.one td{border:1px solid #444;padding:11px;}
.two{font-size:1em;padding:6px;text-align:center;border:2px solid #444;line-height:2em;font-weight:bold;}
.three{text-align:center;line-height:1.5em;border:2px solid #444;border-collapse:collapse;}
.three td, .three th{border:1px solid #444;}
.four{font-size:1.2em;text-align:center;line-height:2.1em;border:5px solid #444;}
.five{text-align:center;line-height:1.8em;border:2px solid #444;border-collapse:collapse;}
.five td{border:1px solid #444;}
.six{text-align:center;line-height:1.8em;border:1px solid #444;}
.seven{text-align:center;line-height:1.3em;border-collapse:collapse;}
.seven tr td, .seven th{padding:6px;border:1px solid #444;}

/* CONTENT LEVEL SCREEN SIZES */

@media screen and (min-width: 200px) {
.print-button img{transform:scale(.7,.7);}
.description{display:none;}
.social-bar{display:none;}
.social-bar .label{display:none;}
.mini-boxed{width:70%;}
.matching, .matching-answers{font-size:.6em;width:98%;}
.semantic{width:99%;font-size:.8em;}
.wsearch{font-size:1.5em;}
.wsearch-two{font-size:.6em;line-height:1.6em;letter-spacing:2px;}
.dominoes{font-size:.75em;}
.oandx{font-size:.8em;width:97%;line-height:4em;}
.pic-vocab{font-size:.6em;width:98%;}
.pic-vocab tr td.image-div img{max-width:60px;height:auto;}
.pic-vocab tr td.image-div{padding-right:6px;}
.flashcard{font-size:1em;border-spacing:4px;}
.flashcard td{padding:4px;}
.card{width:98%;}
.one{font-size:.9em;width:99%;}
.one img{max-width:80px;height:auto;}
.two{width:98%}
.three{font-size:.6em;width:99%;}
.three td, .three th{padding:1px;}
.four{width:98%}
.five{font-size:.6em;width:99%;line-height:1.4em;}
.six{font-size:.8em;width:99%;}
.seven{font-size:.6em;width:99%;}
}

@media screen and (min-width: 320px) {
.print-button img{transform:scale(.8,.8);}
.matching, .matching-answers{font-size:.6em;}
.wsearch-two{font-size:.75em;letter-spacing:3px;}
.dominoes{font-size:.9em;}
.oandx{font-size:.9em;line-height:5em;}
.pic-vocab{font-size:.65em;}
.pic-vocab tr td.image-div img{max-width:60px;}
.flashcard{font-size:1em;border-spacing:4px;}
.flashcard td{padding:6px;}
.one img{max-width:100px;}
.five{font-size:.65em;}
}

@media screen and (min-width: 480px) {
.print-button img{transform:scale(1.0,1.0);}
.description{display:block;}
.mini-boxed{width:40%;}
.matching, .matching-answers{font-size:.7em;}
.wsearch-two{font-size:1em;line-height:1.7em;letter-spacing:5px;}
.dominoes{font-size:1em;width:97%;}
.oandx{font-size:1.2em;line-height:6em;}
.pic-vocab{font-size:.8em;}
.pic-vocab tr td.image-div img{max-width:70px;}
.flashcard{font-size:1.4em;border-spacing:12px;}
.flashcard td{padding:15px;}
.one{font-size:1.1em;width:99%;}
.one img{max-width:160px;}
.three{font-size:.7em;}
.three td, .three th{padding:2px;}
.five{font-size:.8em;}
.six{font-size:.9em;}
.seven{font-size:.7em;}
}

@media screen and (min-width: 600px) {
.matching, .matching-answers{font-size:.6em;}
.wsearch-two{font-size:.9em;letter-spacing:4px;}
.three{font-size:.65em;}
.three td, .three th{padding:1px;}
.five{font-size:.75em;}
.six{font-size:.8em;}
}

@media screen and (min-width: 768px) {
.social-bar{display:block;width:75%;}
.social-bar .label{display:block;font-size:1em;margin-right:12px;}
.matching, .matching-answers{font-size:.7em;}
.semantic{font-size:.9em;}
.wsearch-two{font-size:1.2em;line-height:1.8em;letter-spacing:6px;}
.oandx{font-size:1.4em;line-height:6em;}
.pic-vocab{font-size:.85em;}
.pic-vocab tr td.image-div img{max-width:80px;}
.flashcard{font-size:1.4em;border-spacing:15px;}
.flashcard td{padding:22px;}
.card{width:80%;}
.one{font-size:1.2em;width:99%;}
.one img{max-width:190px;}
.two{width:90%}
.three{font-size:.75em;}
.three td, .three th{padding:4px;}
.four{width:90%}
.five{font-size:.9em;line-height:1.5em;}
.six{font-size:1em;}
.seven{font-size:.8em;}
}

@media screen and (min-width: 900px) {
.social-bar{width:55%;}
.social-bar .label{font-size:1.1em;}
.matching, .matching-answers{font-size:.8em;}
.semantic{width:95%;font-size:1em;}
.wsearch{font-size:1.8em;}
.wsearch-two{font-size:1.4em;line-height:1.9em;letter-spacing:7px;}
.dominoes{font-weight:bold;font-size:1.3em;width:95%;}
.oandx{font-size:1.6em;line-height:6em;width:94%;}
.pic-vocab{font-size:.95em;}
.pic-vocab tr td.image-div img{max-width:210px;}
.empty-boxes td{padding-bottom:250px;}
.flashcard{font-size:1.5em;border-spacing:20px;}
.flashcard td{padding:34px;}
.one{font-size:1.3em;width:95%;}
.two{width:85%}
.three{font-size:.8em;}
.three td, .three th{padding:5px;}
.four{width:85%}
.five{font-size:1em;width:95%;line-height:1.6em;}
.seven{font-size:1em;width:95%;}
}

@media screen and (min-width: 1200px) {
.social-bar{width:45%;}
.social-bar .twitter-follow-block{display:block;}
.matching, .matching-answers{width:90%;}
.matching, .matching-answers{font-size:1em;}
.wsearch{font-size:2.2em;}
.dominoes{font-size:1.6em;width:90%;}
.oandx{font-size:1.8em;line-height:7em;width:85%;}
.pic-vocab{font-size:1.1em;}
.pic-vocab tr td.image-div img{max-width:280px;}
.flashcard{font-size:1.6em;border-spacing:24px;}
.flashcard td{padding:44px;}
.one{font-size:1.3em;width:85%;}
.two{width:80%}
.three{font-size:1em;width:95%;}
.three td, .three th{padding:6px;}
.four{width:80%}
.five{font-size:1.2em;width:85%;line-height:1.8em;}
.six{font-size:1.1em;width:90%;}
.seven{width:85%;}
}

/* HOME STYLES */

.site-news{width:60%;margin:3px auto;background-color:#efefef;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:.4em;border:1px solid #444;text-align:center;padding:6px;}
.top-left{text-align:center;border-radius:.4em;margin:5px .5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:6px;}
.bar{overflow:hidden;font-size:.9em;padding:2px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:.4em;border:1px solid #444;background-color:#efefef;margin:5px .5%;}
.bar .full-width-bar{border-spacing:5px;font-size:.8em;width:100%;border:none;background-color:#efefef;margin-left:auto;margin-right:auto;padding:3px;}
.bar .full-width-bar td{border-radius:.4em;border:1px solid #000;padding:5px;background-color:#fff;width:33%;vertical-align:top;}
.bar .full-width-bar p{padding:0;margin:0;}
.premium-promo{padding-left:8px;font-size:.9em;border:1px solid #444;vertical-align:top;}
.premium-promo h3{font-size:1.3em;margin:0;}
.premium-promo ul{margin-left:24px;padding-left:0;}
.home-left,.home-right,.premium-promo{border-radius:.4em;border:1px solid #444;background-color:#efefef;margin:5px .5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:6px;font-size:.85em;}
.home-left p,.home-right p,.bar p{line-height:1.2em !important;}
.home-left h2,.home-right h2,.bar h2{margin:0;font-size:1.2em;color:#A51818;}
.home-left .arrows, .home-right .arrows, .bar .arrows{font-size:.7em;color:#000;font-weight:bold;}

/* HOME PAGE SCREEN SIZES */

@media screen and (min-width: 200px) {
.home-left{width:98%;}
.home-right{width:98%;}
.home-left, .home-right{height:auto;}
.bar{display:none;}
.top-left{width:98%;}
.premium-promo{width:98%;}
.premium-promo img{display:none;}
}

@media screen and (min-width: 480px) {
.premium-promo img{display:block;}
}

@media screen and (min-width: 600px) {
.home-left{width:48%;float:left;}
.home-right{width:48%;float:left;}
.home-left, .home-right{height:195px;}
.top-left{width:97%;}
.premium-promo{width:97%;}
}

@media screen and (min-width: 768px) {
.bar{display:block;width:97%;}
.home-left, .home-right{height:160px;}
}

@media screen and (min-width: 900px) {
.premium-promo{width:48%;float:left;}
.home-left, .home-right{height:140px;}
.top-left{width:48%;float:left;}
}

@media screen and (min-width: 1200px) {
.home-left, .home-right{height:130px;}
}