/* hide this stuff */

.actions, body.home .mobile-header, nav
{display:none;}

/* change this stuff */

body.home #top, #top{background:none;height:auto;
}

.mobile-header {background:#fff url(/media/images/bostonbg1.jpg) 50% 0% no-repeat;background-size:cover;float:left;
 width:100%;
  height:25vh;
}

.mobile-header-home {background:#fff url(/media/images/bostonbg1.jpg) 50% 50% no-repeat;background-size:contain;float:left;
 width:100%;margin:20px 0px 0px;overflow:hidden;
}
#wrapper, .content, .about, .facebook, .petition-text{
width:100%;margin:0;}
.fb-page {max-width:100%;}
h2{
		font-size:24px;

}
.about h1 {font-size:28px;}
.about .two-column {column-count:1;}
h3{
			font-size:20px;
}
.content h2, .content h3 {margin:15px 0px 5px;}
.petition-form {padding:8% 5%;width:90%;}
button[type=submit]{font-size:20px;}
.header {padding:10px 0px;float:left;}
.social {width:15%;text-align:center;}
.social a {margin:4px 0px;}
.social a img {width:75%;height:75%;display:block;}
.video {
background:none;   margin:20px 0px;
    width: 100%;min-height:0;
clear:both;
    padding-left: 0px;
}
.video iframe {float:left;width:100%;height:auto;}
img.mobile-video-image {max-width:40%;position:relative;left:60%;vertical-align:middle;}
.disclaimer, body.petition #content_area, #content_area {padding:20px 5%;width:90%;}

.mobile {display:block;}
.mobile-mini-nav {font-size:11px;text-align:center;display:block;padding:10px 0px;background-color:#dedede;width:100%;}
.mobile-mini-nav a {margin:10px 15px;text-transform:uppercase;}
.mobile-site-links {background-color:#0a529a;display:block;padding:0;clear:both;}
.social {width:25%;}
.mobile-site-links ul {
    list-style:none;
    margin: 0;
    padding:0;
height:auto;width:100%;}

.mobile-site-links ul li { 
    float:none;display:block; 
    margin: 2px 0px;
    font-size: 14px;width:92%;
    text-transform: uppercase;
    padding:10px 4%;border-bottom:1px solid rgba(255,255,255,.25);
color:white;
}
.mobile-site-links ul li a {color:white;}
div.left, div.right {float:none;margin:0px;display:block;width:300px;}



/* Portrait */
@media screen and (orientation:portrait) {
    /* Portrait styles */
    div.nav {
width:290px;padding:2px 5%;
font-size: 14px;text-align:center;
float:none;display:block;
z-index: 2000;
height: 10px;clear:left;
position:relative;
top:5px;
}
div.nav table {width:100%;}
div.nav table tr td {text-align:center;}
td.left {float:left;padding-right:20px;}
.nav a {color:black;}
td.right {float:right;padding-left:20px;}
a.activeSlide {color:#f1203d;}
.slider {width:320px;height:225px;display:block;margin:0;border-top:1px solid #acaaa5;border-bottom:1px solid #acaaa5;}
ul.slideshow {margin:0;width:320px;height:190px;overflow:hidden;border:0px solid white;}
ul.slideshow li {width:320px;border:0px solid white;height:190px;overflow:hidden;}
ul.slideshow li img {width:320px;height:190px;}

}
/* Landscape */
@media screen and (orientation:landscape) {
    /* Landscape styles */
    div.nav {
width:480;padding:2px 5%;
font-size: 14px;text-align:center;
float:none;display:block;
z-index: 2000;
height: 10px;clear:left;
position:relative;
top:5px;
}
div.nav table {width:100%;}
div.nav table tr td {text-align:center;}
td.left {float:left;padding-right:20px;}
.nav a {color:black;}
td.right {float:right;padding-left:20px;}
a.activeSlide {color:#f1203d;}
.slider {width:480px;height:315px;display:block;margin:0;border-top:1px solid #acaaa5;border-bottom:1px solid #acaaa5;}
ul.slideshow {margin:0;width:480px;height:285px;overflow:hidden;border:0px solid white;}
ul.slideshow li {width:480px;border:0px solid white;height:285px;overflow:hidden;}
ul.slideshow li img {width:480px;height:285px;}

}

