.ad-overlap.leaderboard{padding-left:300px;padding-top:20px;padding-right:40px;background:#FFF;float:left;margin-top:-70px;margin-left:-300px;margin-right:100px;position:relative;z-index:1000;width:728px;height:90px;}
@media (max-width:979px){.ad-overlap.leaderboard{margin-top:0;margin-right:0;width:100%;}
}
.ad-overlap.pushdown{width:100%;margin:20px auto 0;}
.article-lead-image{margin-bottom:25px;}
.article-lead-image img{width:100%;}
.article-lead-image.feature{position:relative;margin:0;}
.article-img-full{margin-bottom:25px;}
.article-img-full img{width:100%;}
.article .author{font-family:"Oswald";font-size:.875em;font-weight:bold;text-transform:uppercase;color:#999;line-height:1.7;margin-top:35px;}
.article .author img{margin-right:20px;width:65px;}
.article .author a.author-email{background:url("/National_Library/20161007105358oe_/http://www.KeyboardMag.com/img/author_email-2x.png") center center no-repeat;background-size:13px 8px;background-color:#999;width:23px;height:23px;display:inline-block;margin-left:10px;}
.article .date{margin-top:35px;font-size:1em;}
.article .divider.dark{padding-bottom:35px;margin-bottom:35px;}
.article .text > h3{font-family:"Roboto Slab";}
.article .text > h3.small{font-size:1.5em;margin-bottom:35px;}
.article .text > h1, .article .text > h2, .article .text > h3{padding-left:100px;}
.article .text .article-img-holder, .article .text .article-img-full{padding-left:100px;}
.article.feature p:nth-of-type(1):first-line{font-family:"Roboto Slab";font-size:1.5em;line-height:1.5;text-transform:uppercase;}
.article p{font-family:"Georgia", "Times New Roman", serif;font-size:1.125em;line-height:1.7;padding-left:100px;margin-bottom:25px;}
.article p.quote{display:block;padding-left:115px;margin:50px 0;}
.article p.quote span{font-family:"Titillium Web", sans-serif;font-weight:bold;font-size:2.5em;color:#59b5d7;background-color:#222;box-shadow:15px 0 0 #222, -15px 0 0 #222;padding:0;line-height:1.14;margin:0 0px;}
.article .related-stories .related-stories-inner{background:#222;padding:15px;width:270px;}
.article .related-stories.pull-left{margin-right:25px;}
.article .related-stories.pull-right{margin-left:25px;}
.article .related-stories .header{font-family:"Roboto Slab";font-size:1.5em;font-weight:bold;text-transform:none;line-height:1em;margin-bottom:6px;color:#ff6633;}
.article .related-stories ul{list-style:none;margin:0;padding:0;}
.article .related-stories ul li a{padding:8px 0;display:block;color:#FFF;}
.article .lightbox-image{margin:10px 25px 20px 0;float:left;width:40%;}
.article .lightbox-image.full-width{float:none;width:calc(100% - 100px);margin:25px 0;padding-left:100px;}
.article .lightbox-image.full-width img{width:100%;}
.article .lightbox-image a{position:relative;display:block;}
.article .lightbox-image img.lightbox-thm{width:100%;}
.article .lightbox-image img.lightbox-btn{width:50px;position:absolute;right:0;bottom:0;}
.article .lightbox-image .description{font-family:"Roboto Slab";font-size:0.75em;font-weight:400;padding:10px;background:#F1F1F1;}
.article .modal{width:100% !important;margin-left:0;left:0;background:none;border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:0;box-shadow:0;}
.article .modal img.lightbox-img{width:auto !important;display:block;margin:0 auto;}
.also-like{padding-bottom:10px;}
.also-like h2{text-transform:uppercase;}
.comment-block{margin-bottom:35px;}
.comment-block h2{text-transform:uppercase;}
.comment-block .comment-toggle{display:none;text-align:center;width:100%;height:55px;line-height:58px;background:#ff6633;color:#FFF;font-family:"Titillium Web", sans-serif;font-size:1.875em;font-weight:bold;text-transform:uppercase;}
.comment-block a.comment-toggle:hover{color:#fff;}
.large-btn a{display:block;width:100%;padding:20px 0;text-align:center;background:#ff6633;color:#FFF;font-family:"Titillium Web", sans-serif;font-weight:bold;font-size:1.75em;line-height:1;margin-top:15px;}
.large-btn a:hover{text-decoration:none;background-color:#ff9966;}
@media (max-width:500px){.large-btn a{font-size:1em;}
}
.lessons_101 .large-btn a{font-size:1.4em;}
@media (max-width:1170px){.lessons_101 .large-btn a{font-size:0.875em;}
}
@media (max-width:960px){.lessons_101 .large-btn a{font-size:1.5em;}
}
@media (max-width:480px){.lessons_101 .large-btn a{font-size:1.0em;}
}
@media (max-width:1335px){.article .lightbox-image,
.article .related-stories{padding-left:100px;}
}
@media (max-width:1024px){.article .modal.fade.in{top:90px;}
}
@media (max-width:768px){.article .text > h1, .article .text > h2, .article .text > h3,
.article .text .article-img-holder,
.article .text .article-img-full{padding-left:0;}
.article p{padding-left:0;}
.article p.quote{padding-left:15px;}
.article .lightbox-image{padding-left:0 !important;}
.article .lightbox-image.full-width{width:100%;}
.article .related-stories{padding-left:0;}
.next-item-button{padding-left:0;}
.comment-block h2{display:none;}
.comment-block .comment-toggle{display:block;}
}
@media (max-width:500px){h1.headline{font-size:2em;}
.article p.feature p:nth-of-type(1):first-line{font-size:1.125em;}
.article p.quote span{font-size:1.75em;}
.article .author{margin-top:15px;}
.article .date{margin-top:15px;}
.article .divider.dark{padding-bottom:20px;}
.article .related-stories.pull-left, .article .related-stories.pull-right{float:none;}
.article .related-stories.pull-left .related-stories-inner, .article .related-stories.pull-right .related-stories-inner{width:100% !important;margin:0 0 25px 0;}
.article .lightbox-image{float:none;width:100% !important;}
.article .lightbox-image.full-width{float:none;width:100% !important;margin:0;}
.article .lightbox-image img.lightbox-thm{width:100%;}
.comment-area{display:none;}
.comment-area.mobile{display:block;margin-top:10px;}
.leftcol{float:none;width:100%;margin-bottom:30px;padding-left:0;}
.rightcol{width:auto;float:none;margin:0;padding-left:0;}
}
@media screen and (max-width:767px) and (min-width:501px){.leftcol{float:none;width:100%;margin-bottom:30px;padding-left:0;}
}
@media screen and (min-width:1024px) {  .leftcol { float:left; width: 65%; } .rightcol { float:right; } }
@media screen and (max-width:1920px) and (min-width:1025px){.ad-overlap.leaderboard{margin-top:0;margin-right:0;width:100%;}
 .leftcol { float:left; width: 70%; } .rightcol { float:right; }
}
.video-container {position:relative; padding-bottom:56.25%; padding-top:30px;	height:0; overflow:hidden;}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .leftcol {
        width: 100%;
    }
	.rightcol {
    width: 100%;
	}
	.row-fluid.triple-s4 .span4, .row-fluid.triple-s4.tablet-half-width .span4{width:100% !important;margin-left:0;float:none;}
}