/* hide this stuff */

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

/* change this stuff */

.main_content h2 {font-size:24px;margin:.5rem 0;}
/*.main_content {text-align:center;}*/
.header_title h1 {font-size:30px;}
img.bio1, img.bio2, img.biocomm, img.biosenate, img.biopup, img.bioaction
 {float:none;width: 100%;    margin: 5px auto;}
 .hero {flex-wrap:wrap;}
.header-left p {
    font-size: 10vw;margin:0;}
.logo {width:50%;max-width:100%;}
img.familyphoto {max-width:100%;}
.footer {font-size:12px;padding:20px 0px;}
.footerlogo img {
    max-width: 100%;}
.disclaimer {font-size:11px;}
.main_content {margin:0 auto 20px;display:block;width:85%;padding:5%;border:none;}
.petition-form {padding:5%;float:left;width:90%;margin-bottom:10px;}
.header-left {width:50%;}
.logo svg {width:24px;height:24px;}
img.sig {max-width:90px;}
a.home-button {
    width: max-content;
    padding: 20px;
    font-size: 22px;
 }
.about-bottom{
     width: 90%;display:block;
     margin: 0 auto 60px;
 }
.about-content {
      width: 90%;display:block;
      margin: 0 auto;
  }
 .cycle-slideshow {width:100%;margin:10px auto;float:none;height:auto;}
  .cycle-slideshow img {max-width:100%;}
  img.profile {
      position: relative;max-width:70%;
      top: -20px;
      left: -20px;
      z-index: 120;
  }
  img.family {
      position: relative;max-width:80%;
      top: -80px;
      left: 70px;
  }
  .about-photos {margin-bottom:-60px;}
.header-right iframe {max-width:100%;right:0;top:0px;}
.about-bottom p:nth-of-type(1), .about-bottom p:nth-of-type(2), .about-bottom p:nth-of-type(3), .about-bottom p:nth-of-type(4), .about-bottom p:nth-of-type(5){position:relative;left:0;width:100%;} 
.home-top {display:block;}
.header-right {width:90%;padding:0;margin:0 auto;}
.header-right .video {margin:0 auto;}
.donate-wrapper {clear:both;display:block;height:auto;}
.signup-wrapper h3 {font-size:6vw;margin-bottom:.5em;width:100%;text-align:center;}
.donate-content {width:100%;padding:20px 0 0;}
.signup-form {
    display: block;width:96%;margin:0px auto;position:relative;left:0rem;max-width:96%;}
	 .donate-wrapper .photo {width:100%;height:auto;}
.at-text.FirstName {max-width:100%;min-width:0 !important;margin-right:.625rem !important;}
.at-form-submit {display:flex;position:relative;}
.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:20px 0%; width:100%;height:auto;display:block;}
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,  .top-wrapper {display:block;padding:0;}
.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%;}
.hero-content {flex-wrap:wrap;}
.hero-content .logo {
    width: 40%;
    margin: 20px auto -40px;}
	 .signup-form .form {	     height: auto;	 }
	 img.group-photo {
	     border: 5px solid white;
	     max-width: 80%;margin:0 auto;
	 }
	 p.mobile-disclaimer  {text-align:center;font-size:13px;line-height:18px;margin:0;}
#wrapper {
width:100%;}
.donate-wrapper h2 {font-size:6vw;}
.donate-wrapper p {
    font-size: 3vw;
}
.donate-buttons {flex-wrap:wrap;width:100%;}
a.donate-button {
    font-size: 5vw;
    width: auto;min-width:80px;
    padding: 2%;
    margin: 1%;
}
.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:var(--darkblue);width:100%;}
.mobile-mini-nav a {margin:10px;text-transform:uppercase;color:white;}
.mobile-site-links {background-color:var(--darkblue);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;}

}