/*
BREAKPOINTS
100	720	900	1200
*/

/* GLOBAL STYLES */

@media screen and (min-width: 10px) {
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%;}
}

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


/* STRUCTURAL DIV STYLES */

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

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

#header{background-color:#fff;width:100%;overflow:hidden;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: 10px) {
#header{height:auto;padding:5px 0;}
#logo{text-align:center;}
#logo img{width:100%;height:auto;max-width:353px;}
#header-as{display:none;}
}

/* custom size! */
@media screen and (min-width: 280px) {
}

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

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

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

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

/* custom size! */
@media screen and (min-width: 970px) {
#header-as{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-as{max-width:468px;max-height:60px;width:468px;}
}

/* custom size! */
@media screen and (min-width: 1420px) {
#header-as{max-width:728px;max-height:90px;width:728px;height:90px;margin:2px;}
}

/* HORIZONTAL MENU */

#horizontal-menu{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: 10px) {
#horizontal-menu{display:none;}
}

/* top right horizontal menu appears */
@media screen and (min-width: 670px) {
#horizontal-menu{background-color:#fff;display:block;float:right;text-align:left;font-size:80%;width:26%;max-width:275px;min-width:255px;border-radius:.6em;border:1px solid silver;}
#horizontal-menu ul{margin-left:-25px;}
#horizontal-menu ul li{display:inline;padding:4px;margin:0 3px;}
}

@media screen and (min-width: 1050px) {
#horizontal-menu{font-size:90%;}
}

/* MID BAR */

#mid-bar, #mid-bar-site-links, #mid-bar-menu-button{box-sizing:border-box;}
#mid-bar{width:100%;background-color:#000;}

#mid-bar-site-links{float:left;}

a.menu-link{float:right;text-transform:uppercase;letter-spacing:0.1em;}

a.menu-link:hover, a.menu-link:focus, a.horizontal-site-link:hover, a.horizontal-site-link:focus{color:#fff;background:#c84444;}

a.horizontal-site-link.active{font-weight:bold;border:1px solid silver;}

@media screen and (min-width: 10px) {
#mid-bar{height:42px;}
#mid-bar-site-links{display:none;}
a.menu-link, a.horizontal-site-link{display:inline-block;color:#fff;background:#A51818;text-decoration:none;padding:0 5px;font-size:13px;font-weight:bold;line-height:28px;height:28px;border-radius:2px;margin:5px 2px;}
}

@media screen and (min-width: 320px) {
#mid-bar-site-links{display:block;margin-left:5px;}
}

@media screen and (min-width: 355px) {
a.menu-link, a.horizontal-site-link{padding:0 8px;font-size:14px;line-height:32px;height:32px;margin:4px 3px;}
}

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

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

#mid-bar-site-links{display:none;}
a.menu-link{display:none;}
}

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

/* LEFT MENU */

#left-menu{box-sizing:border-box;}

/* LEFT MENU SCREEN SIZES */

@media screen and (min-width: 10px) {
#left-menu{width:100%;font-size:130%;text-align:center;background-color:#fff;}
#left-menu ul{line-height:1.8em;list-style-type:none;margin:0;padding:0;}
#left-menu ul li{background-color:#eee;border-bottom:1px solid #ddd;border-radius:.3em;margin:1px;}
#left-menu ul li a{display:block;text-decoration:none;color:#222;}
#left-menu ul li:hover{text-decoration:none;}
#left-menu ul li:hover a{background-color:#ddd;color:#555;}
#left-menu h3{display:none;}
#left-menu .narrow-no{display:none;}
#left-menu .menu-twitter{display:none;}
}

@media screen and (min-width: 720px) {
#left-menu{float:left;height:100%;padding-left:6px;text-align:right;width:32%;background-color:#A51818;font-size:96%;border-bottom-right-radius:.6em;border-bottom-left-radius:.6em;}
#left-menu ul li{border-left:none;border-right:none;border-top:none;border-bottom:none;margin-right:5px;background-color:#A51818;}
#left-menu ul li a{border-radius:.2em;border:none;letter-spacing:1px;margin:2px 4px 1px 0;line-height:25px;padding-right:4px;color:#fff;}
#left-menu ul li:hover a{background-color:#820202;color:#fff;}
#left-menu li.top{display:none;}
#left-menu h3{display:block;color:#c9c9c9;margin-left:5px;text-align:left;font-size:104%;border-bottom:1px solid #fff;}
#left-menu .narrow-no{display:block;}
#left-menu .wide-no{display:none;}
#left-menu .menu-twitter{display:block;text-align:center;margin:3px;}
}

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

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

/* MAIN CONTENT */

#content{clear:both;vertical-align:top;overflow:auto;background-color:#fff;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 p{line-height:1.8em;}
#content h1, #content h2, #content h3, #content h4{color:#000;}
#content H1.bordered,#content H2.bordered,#content H3.bordered,#content H4.bordered {border-bottom:thin solid #A51818;}
#content ul, #content ol, #content dl{line-height:1.8em;}

/* CONTENT SCREEN SIZES */

@media screen and (min-width: 10px) {
#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%;}
#content ul, #content ol, #content dl{line-height:1.8em;}
}

@media screen and (min-width: 490px) {
#content ul, #content ol, #content dl{line-height:2em;}
}

@media screen and (min-width: 720px) {
#content{float:right;width:68%;border-left:none;min-height:1600px;}
}

@media screen and (min-width: 900px) {
#content{width:74%;}
#content h1{font-size:165%;}
#content h2{font-size:145%;}
#content h3{font-size:125%;}
#content h4{font-size:115%;}
#content ul, #content ol, #content dl{line-height:2.4em;}
}

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

/* FOOTER AND GUTTER */

#footer{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{box-sizing:border-box;font-size:.9em;width:100%;max-width:1420px;background-color:#fff;text-align:center;padding:8px;}

/* FOOTER AND GUTTER SCREEN SIZES */

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

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

/* TOP LEVEL CUSTOM STYLES */

/* page to page navigation */

.links, .book-categories, .book-categories .book-category-title, .book-categories .col-1, .book-categories .col-2{box-sizing:border-box;}
.book-categories .book-category-title{}
.book-categories{background-color:#f6f6f6;vertical-align:top;}

.links {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;}

/* screen sizes */

@media screen and (min-width: 10px) {
.links{width:80%;}
.book-categories{font-size:1em;width:100%;border-radius:0.6em;overflow:auto;line-height:1.4em;}
.book-categories .book-category-title{color:#fff;background-color:#000;width:100%;text-align:center;border-top-right-radius:0.5em;border-top-left-radius:0.5em;}
.book-categories .col-1, .book-categories .col-2{float:left;width:100%;text-align:center;}
.book-categories ul{line-height:1.8em;list-style-type:none;margin:0;padding:0;}
.book-categories ul li{background-color:#eee;border-bottom:1px solid #ddd;border-radius:.3em;margin:1px;}
.book-categories ul li a{display:block;text-decoration:none;color:#222;}
.book-categories ul li:hover{text-decoration:none;}
.book-categories ul li:hover a{background-color:#ddd;color:#555;}
}

@media screen and (min-width: 600px) {
.links{width:65%;}
.book-categories{font-size:1em;}
.book-categories .col-1, .book-categories .col-2{float:left;width:50%;text-align:center;}
}

@media screen and (min-width: 720px) {
.book-categories{width:90%;}
.book-categories .col-1, .book-categories .col-2{width:100%;}
}

@media screen and (min-width: 900px) {
.book-categories .col-1, .book-categories .col-2{width:50%;}
}

@media screen and (min-width: 1200px) {
.book-categories{width:70%;}
.book-categories .col-1, .book-categories .col-2{width:50%;}
}


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

@media screen and (min-width: 10px) {
.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;}
}

/* boxes and forms */

.contact{box-sizing:border-box;background-color:#EFEFEF;border:1px solid #444;padding:5px 15px;border-radius:.4em;box-shadow:5px 5px 5px #ccc;margin-bottom:30px;}
.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;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;width:98%;border:1px solid silver;padding:6px;border-radius:.4em;background-color:#efeefe;font-weight:bold;font-size:.9em;box-sizing:border-box;}
table.reference-table{width:95%;background-color:#efefef;}
table.reference-table tr td{border:1px solid silver;padding:3px;}
.premium-pr-omo{margin:6px 2%;border:1px solid silver;border-radius:.4em;padding:12px;background-color:#efefef;}
.premium-pr-omo img.cover-sample{float:right;margin-left:6px;}
.premium-pr-omo h3{margin:0;}
.premium-pr-omo p.links-block, .premium-pr-omo 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: 10px) {
.contact{width:98%;}
.bookworm {display:none;}
.index-page-links{width:100%;}
.premium-pr-omo{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-pr-omo{display:block;}
.premium-pr-omo img.cover-sample {max-width:120px;height:auto;}
.premium-pr-omo li.mobile-no{display:none;}
}

@media screen and (min-width: 480px) {
.contact{width:80%;}
.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-pr-omo img.cover-sample {max-width:130px;}
.premium-pr-omo li.mobile-no{display:list-item;}
.blog-promo img{transform:scale(.8,.8);}
}

@media screen and (min-width: 720px) {
.contact{width:90%;}
.bookworm img{transform:scale(1.0,1.0);}
.premium-pr-omo img.cover-sample {max-width:150px;}
.blog-promo img{transform:scale(1.0,1.0);}
}

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

@media screen and (min-width: 1200px) {
.contact{width:60%;}
}

/* adsense styles */

.content-top-gads{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{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;}
.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;}
#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;}
#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;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;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;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;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;font-size:1.2em;font-weight:bold;border:1px solid black;padding:12px;height:auto;box-shadow:8px 8px 1px #aaa;}
.card .no-bold, .card.no-bold{font-weight:normal;}
.one,.two,.three,.four,.five,.six,.seven{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: 10px) {
.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: 720px) {
.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 */

/* embedded on index.php */