/* hide this stuff */

.about-right, nav, .rsvp-photo
{display:none;}

/* change this stuff */
h1, .petition-title h1 {font-size:7vw;}
.header-left p {
    font-size: 10vw;margin:0;}
.logo {width:50%;max-width:100%;}
img.familyphoto {max-width:100%;}
.footer {font-size:12px;padding:0px 0px 100px;}
.main_content {margin:0 auto;display:block;width:85%;padding:5%;border:none;}
.petition-form {padding:5%;float:left;width:90%;margin-bottom:10px;}
.header-left {width:90%;padding:5%;}
img.sig {max-width:90px;}
a.home-button {
    width: max-content;
    padding: 20px;
    font-size: 22px;
 }
.header-right iframe {max-width:100%;right:0;top:-20px;}
.home-top {display:block;}
.header-right {width:95%;padding:0;margin:0 auto;}
.header-right img.home-logo {display:none;}
.header-right p {text-align:center;line-height:1.5em;padding:0% 2%;}
.signup-wrapper {clear:both;}
.signup-wrapper h3 {font-size:8.8vw;margin-bottom:.5em;}
.signup-form {
    display: block;width:96%;margin:0px auto;position:relative;left:0rem;max-width:96%;}
.at-text.FirstName {max-width:100%;min-width:0 !important;margin-right:.625rem !important;}
.at-markup.SmsLegalDisclaimer.at-legal p {height:150px;}
.at-form-submit {display:flex;position:relative;top:-150px;}
.ngp-form .at-fields {width:100%;}
.at-row.FirstName.LastName { flex-wrap:wrap;}
.at-text.FirstName {max-width:100%;}
.signup-wrapper {background-image:none;padding:30px 5%; width:90%;height:auto;}
img.headshot {max-width:100%;}
::placeholder{font-size:4.5vw !important;}
.at-text.PostalCode {max-width:125px;}
input[type=submit].at-submit.btn-at.btn-at-primary {margin:10px 0 10px 10px;padding:0px 20px;}
.gray-wrapper, .about-wrapper, .signup-wrapper, .top-wrapper {display:block;}
.donate-wrapper {width:90%;padding:5%;display:block;margin:0;text-align:center;}
 .about-left {width:90%;padding:5%;display:block;margin:0;}
.about-left p{text-align:left;line-height:1.5em;}
.bio {padding:10px 0px;}
.bio-content{width:90%;font-size: calc(16px + .3vw);    line-height: 1.4em;}
.bio h2{font-size:180%;}

#wrapper {
width:100%;}
.donate-wrapper h2 {font-size:8vw;}
.donate-wrapper p {
    font-size: 3vw;
}
.donate-buttons {flex-wrap:wrap;}
a.donate-button {
    font-size: 5vw;
    width: auto;min-width:90px;
    padding: 14px;
    margin: 2%;
}
.entry_image, .entry_video {
	float:none;margin:10px 0;
	width:100%;
}
.entry_image img {max-width:100%;}

.mobile {display:block;}
.mobile-mini-nav {font-size:11px;text-align:center;display:block;padding:10px 0px;background-color:#002e5d;width:100%;}
.mobile-mini-nav a {margin:10px;text-transform:uppercase;color:white;}
.mobile-site-links {background-color:#002e5d;display:block;padding:0;clear:both;}

.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;text-align:center;
    padding:5px 4%;
color:white;border-bottom:1px solid rgba(255,255,255,.5);
}
.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;}

}