/* hide this stuff */
.mobile.mobile-mini-nav, .header-left, .about-right, .rsvp-photo, .logo .social
{display:none;}

/* change this stuff */
.interior-header {display:block;}
nav ul li:nth-of-type(1) {display:none;}
h1, .petition-title h1 {font-size:7vw;}
.hero {background:url(/media/images/lindsaychurch2.png) 100% 0% no-repeat;height:300px;width:100%;background-size:contain;display:flex;align-items:center;justify-content:space-evenly;}
.logo h2 {font-size:4.2vw;line-height:120%;margin:0px auto;text-align:center}
.logo {width:75%;}
.action-wrapper {display:block;}
 .hero .logo img {width:80%;margin:0 auto 15px}
.logo {width:80%;max-width:100%;}
img.familyphoto {max-width:100%;}
img.family-photos {
    float: left;
    margin: -20px 10px -20px 0px;
max-width:50%;}
img.loved-photo {
    max-width: 100%;
    margin: 0%;
}
img.testimony-photos, img.pride-photos, img.repro-photo, img.service-photos {width:70%;float:none;margin:-20px auto 10px;display:block;}

.footer {font-size:12px;padding:20px 5%;width:90%;}
.footerlogo img {max-width:140px;}
.footer-content {flex-wrap:wrap-reverse;}
.footer-content h3 {
    font-size: 10vw;margin:.5em 0;
    line-height: 100%;
    }
.actions ul {display:block;width:50%;margin: 0 auto 60px;}
.actions ul li a {font-size:6vw;line-height:150%;}
nav a {font-size:4vw;margin:0}
.interior-header .social, .interior-header .logo, nav, .footerlogo, .footer-action {width:100%;text-align:center;}
.main_content {margin:0 auto;display:block;width:94%;padding:3%;border:none;}
.main_content p{font-size:4vw;line-height:1.3em;}
.action-wrapper {width:90%;padding:20px 5%;height:auto;}
img.action-photo {
    width: 40%;
    border: 1px solid var(--darkblue);float:left;
    transform: rotate(0deg);
    margin: 0px 15px 10px 0px;}
    .action-left {padding:0;}
    .action-left p {font-size:4.2vw;line-height:1.3em;text-align:left;}
    .action-left h4 a {color:var(--orange);font-size:6vw;}


.about-content {padding:15px 5%;width:90%;font-size:5vw;line-height:125%;text-align:center;}
.about-wrapper {display:block;}
img.about-photo {
    width: 100%;
}
.fadeInRight-animation {
    animation: 0s fadeInRight;
}

.about-photo-3 {width:24%;}
.about-content h2 {color:var(--lightblue);font-size:10vw;text-align:center;}
a.button {font-size:4vw}
.petition-form {padding:5%;float:left;width:90%;margin-bottom:10px;}
.logo svg {width:24px;height:24px;}
img.sig {max-width:90px;}
a.home-button {
    width: max-content;
    padding: 20px;
    font-size: 22px;
 }
 .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;
  }
.home-top {display:block;}
.header-right {width:100%;padding:0;margin:0 auto;}
.donate-wrapper, .signup-wrapper {clear:both;display:block;height:auto;}
.signup-wrapper h3 {font-size:8.8vw;margin-bottom:.5em;width:100%;text-align:center;}
.donate-content {width:100%;}
.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-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: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;}
.donate-wrapper {width:90%;padding:5%;display:block;margin:0;text-align:center;}

#wrapper {
width:100%;}
.donate-wrapper h2 {font-size:8vw;}
.donate-wrapper h3 {font-size:5vw;}
.donate-wrapper p {
    font-size: 2.8vw;
}
.donate-buttons {flex-wrap:wrap;}
a.donate-button {
    font-size: 5vw;
    width: auto;min-width:auto;
    padding: 10px 16px;
    margin: 1.5%;
}
.entry_image, .entry_video {
	float:none;margin:10px 0;
	width:100%;
}
.entry_image img {max-width:100%;}
.footer .disclaimer, .dod-disclaimer {
    padding: 5px 5%;
    width: 80%;max-width:80%;margin:20px auto;
}
.banner a {font-size:5vw;}
p.about-bottom {display:block;}
p.about-bottom a.button {display:block;float:none;margin:10px auto;}
.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 {display:none;/*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: 5px 0px;
    font-size: 14px;width:100%;
    text-transform: uppercase;text-align:center;
    padding:5px 0;
color:white;border-bottom:1px solid rgba(255,255,255,.5);
}
.mobile-site-links ul li a {color:white;padding:5px 5%;}
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;}

}