@media (max-width:640px){
body,html{font-size:15px;margin:0;padding:0;max-width:100%;min-width:300px}
#container{position:relative;display:block;clear:both;float:none;margin:0 auto;padding:0;width:100%;max-width:100%;height:auto;text-align:center;min-width:300px;width:100%;padding:0;margin:0}
header{top:0;left:0;margin:0;padding:0;width:100%;max-width:100%;min-width:300px;height:150px;display:block;position:relative}
header h1,header h1 a,header h2{top:0;left:0;height:150px;margin:0;max-width:100%;min-width:300px;width:100%}
a#mobile_nav_trigger{position:fixed !important;position: absolute;top:10px;right:10px;width:50px;height:50px;display:block;background:url(/common/images/graphix/hamburger.png) center center no-repeat transparent;cursor:pointer;z-index:9999;}
a#mobile_nav_trigger span{display:none;}
nav{position:fixed !important;position: absolute;top:0;left:0;width:100%;height:auto;display:block;max-width:100%;margin:0;z-index:999}
nav ul{position:relative;top:0;left:0;width:90%;height:auto;list-style:none;clear:both;padding:10px 0;margin:0 auto;text-align:center}
nav ul li{width:100%;height:30px;line-height:30px;display:block;clear:both;float:none;margin:5px 0;padding:0;background:rgba(0,0,0,.5);text-align:center}
nav ul li a,nav ul li a:hover{font-size:20px;line-height:30px;display:block;clear:both;float:none;margin:0;padding:0;text-align:center}
#main,.homepage_page #main,#cdmain,#cdmainbox,#cdtracks,.tracksbox,.featured_box{position:relative;top:0;left:0;max-width:100%;width:100%;min-width:300px;margin:0;padding:0;text-align:center}
.homepage_page #slideshowbox,.homepage_page #slideshowbox .slide{display:none}
.homepage_page #slideshowbox .slide img{display:none}
#container #mainbox,#container #menubox,#container #after_main,#container #socio_dingbats,#container .fullbox #mainbox{padding:1em 2%;margin:0;width:96%;min-height:0;height:auto;text-align:left;float:none;clear:both}
#container #mainbox div{max-width:100%}
#cdmain,#cdmainbox,#cdtracks,.tracksbox,#cdmainbox,#cdtracks,.tracksbox,.featured_box{width:100%;max-width:100%;padding:0;margin:0;text-align:left}
#container #mainbox .mainimg,#container #mainbox .mainimg img,#container #mainbox embed,#container #mainbox iframe,#container #mainbox object,#container #mainbox .mainimg,#mainbox img{max-width:100%;min-width:300px;float:none;clear:both;margin:0}
#container .comments a img{width:auto;max-width:auto;min-width:300px}
#container #mainbox .calendar_line ul.years,#container #mainbox .calendar_line ul.years li.year,#container #mainbox .calendar_line ul.months,#container #mainbox .calendar_line ul.months li.month,#container #mainbox .calendar_line ul.days,#container #mainbox .calendar_line ul.days li.day{width:100%;max-width:100%;margin:0;padding:0;font-size:13px}
#container #mainbox .calendar_line .bigday{width:10%;font-size:24px;padding:0;margin:5px 0}
div.calendar_line ul.events{width:90%}
div.calendar_line ul.event_details_L{float:none;clear:both;display:block;width:100%}
div.calendar_line ul.event_details_R{float:none;clear:both;display:block;width:100%}
div.calendar_line ul.event_details_R li.eventname{padding:0;margin:0}
.calendar_page #detail { max-width: 70%; min-width: 70%; width: 70%; margin: 10% auto; position: relative; top: 0; left: 0; height: auto; }
.calendar_page #detail * { font-size: 1em; }
#container .calendar_view_buttons,#container #tinygrid{width:46%;float:left;clear:none}
#sendmeemail h4,#testimonials_submission h4,#sendmeemail p,#testimonials_submission p,#sendmeemail input,#testimonials_submission input{width:90%;margin:0;max-width:320px;text-align:left}
#testimonial_submission .new_testimonial { width: 94%; padding: 15px 2%; margin: 0 auto;}
html iframe{max-width:100%;width:100%;}
}