@charset "UTF-8";
body{padding:0;margin:0;font-family:'Raleway',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:100%;color:#3a3a3a; background-color:#497584; }
img{max-width:100%!important;height:auto!important}
.youtube-holder{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.clearfix:after{display:block;clear:both;content:""}
.clearfloat{clear:both}
a image{border:none}
a{color:#F95154;text-decoration:none}
a:visited{color:#F95154;text-decoration:none}
a:hover,a:active,a:focus{color:#F95154;text-decoration:none}
/*h1 .blue,h2 .blue{color:#027c8f}*/
/*h1 a,h2 a{text-decoration:none;color:#464548}
h1 a:hover{color:#C3593C;background:#666}
h1 .green,h3 .green,h2 .green{color:#A6C43B}*/
h1{font-size:170%;margin:0 2% 3% 2%; color:#FFF; text-align:center;}
h2{font-size:130%;margin:0 2% 3% 2%; color:#c2e83d; text-align:center;}

h3{font-weight:700;font-size:130%; font-style:italic;color:#c2e83d;padding:0;margin:0; text-align:center;}
h4{font-size:150%}
.centertext{text-align:center}
.content{margin:18px auto 0;width:100%;float:left}
.bottomrow .freelesson-holder{width:250%}

.toptexthome h2{color:#FFF; font-size:113%;}
.toptexthome{position:relative;width:60%;float:left;margin:0;color:#FFF}
.toptexthome2{position:relative;width:96%;float:left;margin:2% 2% 2% 0;color:#FFF; text-align:center;}
.bottom-wrapperhome{width:100%;float:left;min-height:745px; background-color:#497584;}
.bottom-containerblock{max-width:1060px;width:100%;margin:0 auto}
.banjo-holder{width:100%;float:left;position:relative;z-index:100;padding-top:3%;color:#FFF}

.book-3{width:31%;margin-top:5%; float:right}
.book-1{ width:33%; float:left; text-align:center}
.ibook-1{text-align:center; width:78%; margin:0 auto}
.ibook-2{margin:0 auto;width:100%;max-width:170px;text-align:center}
.left{float:left}
.textbox{text-align:center;color:#666}

.imgleft{float:left;margin:10px 20px 20px 0}
.imgright{float:right;margin:0 0 20px 20px}
.redsave {
    font-size: 150%;
    color: #FFFFFF;
}.redsave2 {
    font-size: 150%;
    color: #F95154;
    font-style: italic;
}
.adwrapper10{margin: 1% auto 0%; clear:both; background-color:#FFF;}
.bottom-containerblock-YT{max-width:1060px;width:100%;margin:0 auto; text-align: center}

.youtubeholder {width:100%;float:left;position:relative;z-index:100;padding-top:3%;color:#FFF}
/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) {}
/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1025px) and (max-width: 1280px) {}
/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
@media only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) {
  h1{font-size:150%;}
    .book-1{ width:99%; float:left; }
   .toptexthome2{font-size: 120%;}
}
@media (min-width: 768px) and (max-width: 1024px) {
  h1{font-size:150%;}
      .book-1{ width:99%; float:left; }
} .toptexthome2{font-size: 120%;}
/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
   h1{font-size:150%;}
   .book-1{ width:99%; float:left; }
     .toptexthome2{font-size: 120%;}
}
/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
    h1{font-size:150%;}
   .book-1{ width:99%; float:left; }
     .toptexthome2{font-size: 120%;}
}
@media (min-width: 320px) and (max-width: 480px) {
   h1{font-size:150%;}
   .book-1{ width:99%; float:left; }
    .toptexthome2{font-size: 120%;}
  

}