@media only screen and (max-width:909px) { 

#home-buttons div{display:inline-block;float:none;margin:0 0 12px 0;}

}



@media only screen and (max-width:799px) { 
#hdr-home{width:485px;height:83px;background:url(images/hdrs/home-sml2.png) no-repeat 50% 0;margin:0 auto;}
#hdr-about{width:406px;height:82px;background:url(images/hdrs/about-sml.png) no-repeat 50% 0;margin:0 auto;}
#hdr-lessons{width:399px;height:82px;background:url(images/hdrs/lessons-sml.png) no-repeat 50% 0;margin:0 auto;}
#hdr-weddings{width:392px;height:72px;background:url(images/hdrs/weddings-sml.png) no-repeat 50% 0;margin:0 auto;}
#hdr-weddings2{width:277px;height:82px;background:url(images/hdrs/weddings2-sml.png) no-repeat 50% 0;margin:0 auto;}
#hdr-pianist{width:307px;height:72px;background:url(images/hdrs/pianist-sml.png) no-repeat 50% 0;margin:0 auto;}
#hdr-testimonials{width:210px;height:72px;background:url(images/hdrs/testimonials-sml.png) no-repeat 50% 0;margin:0 auto;}
#hdr-contact{width:130px;height:72px;background:url(images/hdrs/contact-sml.png) no-repeat 50% 0;margin:0 auto;}
#nav{font-size:110%;}#nav a{padding:26px 8px;}
}




@media only screen and (max-width:599px) { 
#nav{border-bottom:none;margin:0 0 50px 0;}
#nav a{border-bottom:5px solid #fff;background:rgb(0,0,0);background:rgba(0,0,0,.7);}
#nav a.selected{background:#000 url(images/navarrow.png) no-repeat 50% 100%;}
h1 .textr{position:static;color:#fff;font-family:"Times New Roman", Times, serif;font-size:110%;font-weight:normal;}
h1{width:auto!important;height:auto!important;background:none!important;margin:0 auto!important;}
.pageimg{float:none;margin:0 auto 20px auto;display:block;max-width:100%;}
}

@media only screen and (max-width:449px) { 
#testimonials-left{float:none;width:100%;margin-right:0;}
#testimonials-right{float:none;width:100%;}
.testimonial{border-bottom:1px solid #000;}
.testimoniallast{border-bottom:1px solid #000;}
.testimonial{height:auto!important;}

#contactformleft{float:none;width:100%;}
#contactformright{float:none;width:100%;}
}

@media only screen and (max-width:399px) { 
#nav{margin:0 0 10px 0;}
#h1-bg{padding:0;background:none;}
#h1-wrapper{padding:10px 0;}
h1 .textr{font-size:90%;}
#logo img{width:90%;}
#ftr-left,#ftr-mid,#ftr-right{display:block;float:none;width:auto;}#ftr-mid{padding:12px 0;}
}

@media only screen and (max-width:299px) { 
#home-buttons div{display:block;float:none;width:auto;margin:0 0 12px 0;}
#home-buttons img{display:none;}
}