/* hide this stuff */

nav{display:none;}

/* change this stuff */
.tagline {width:56%;font-size:6vw;}
.hero-image {
background-position:100% 100%;    height: 350px;background-size:100%;min-height: 300px;}
.home-hero-image {
    background-size: contain;margin-bottom:-1em;
}
.signup-form{background:#ffffff;padding:30px 5% 0;margin-top:2em;}
body.home .signup-form {margin:200px 0 0 0;}
.donate {clear:both;}
body.home .donate {padding:50px 0% 30px;width:100%;}
.donate-text {margin:1% 0;}
.actions {flex-wrap:wrap;padding:20px 0px 40px;}
 .action-button { border: 2px solid white;width:80%;text-align:center; font-size: 18px;padding:10px;margin:10px auto;justify-content:center;}
.action-button img {height:42px;margin-right:10px;}
.action-button:nth-of-type(2) img {height:22px;padding:10px 0px;}
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:-2em auto -1em;display:block;width:85%;padding:5%;min-height:300px;}
body.endorsements-list .main_content h2, body.issues-page .main_content h2,	 .main_content h2 {font-size:24px;}
	 .main_content h3 {font-size:20px;}
.individuals,  .organizations, .officials {
	     columns: 1 auto;	 }
		  body.endorsements-list .main_content p {margin-bottom:.2em;}
	 body.issues-page .main_content h2:nth-of-type(1) {
	     font-size: 26px;}
	 .main_content p {margin-bottom:1.1em;}
	 .main_content li {margin-bottom:.5em;}
	 
	 .about1, .about2 {max-width:100%;float:left;margin:10px 0;}
	 .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 {background-image:none;margin-top:-20px;}
	 .signup-content {
	     width: 100%;padding:0;
	     margin: 0 auto;
	     display: block;
	 }
	 .signup-form h2{
	     color: #fff;
	     line-height: 1.1em;
	     font-size: 6vw;
	 }
	
.signup-form h3 {
	     color: #fff;
	     line-height: 1.3em;
	     font-size: 4vw;
	 }
	 .signup-form {background:#05193a;padding:5%;
	     display: block;width:90%;margin:-10px 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 {font-size:12px;line-height:14px;color:white;height:60px;margin-bottom:0;}
	 .at-form-submit {display:flex;position:relative;top:-60px;}
	 .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;}

	 .at input[type=text], .at input[type=password], .at input[type=date], .at input[type=datetime], .at input[type=datetime-local], .at input[type=month], .at input[type=week], .at input[type=email], .at input[type=number], .at input[type=search], .at input[type=tel], .at input[type=time], .at input[type=url], .at input[type=color], .at textarea {height:40px !important;}
	 input[type=submit].at-submit.btn-at.btn-at-primary {margin:10px 0 10px 10px;padding:0px 20px;height:40px !important;font-size:5vw;}
	 .about-val {background:url(/media/images/hoyle.interiorfooter.cropped.sm.jpg) 50% 100% no-repeat;background-size:cover;width:90%;min-height:300px;padding:5%;}
.social {text-align:center;}	 .social svg {fill:#0054a6;}
	 	 a.button {font-size:5vw;}
	 .about-val p {	     font-size:4.2vw;	   width:60%;  line-height: 1.4em;	 }
	 .gray-wrapper, .about-wrapper, .signup-wrapper, .top-wrapper {display:block;}
	 .donate {width:90%;padding:5%;display:block;margin:0;text-align:center;}
	 .donate-text, .donate-buttons {width:90%;padding:5% 5% 0 5%;}
	 .endorsements h3, .issues h3 {
	     font-size: 8vw;
	 }
	 .endorsers-flex {max-width:95%;}
	 .endorsements, .issues {padding:30px 0;}
	 .issue h4 {font-size:5vw;}
	 .endorsements p, .about-val-text p {font-size:4vw;}
	 .endorsements p {line-height:1.3em;}	 
	 .about-val-photo {display:none;}
	 .about-val-footer-content {height:auto;display:block;width:90%;padding:10px 5%;}
	 .about-val-text,  .issue {width:100%;margin:10px auto;}
 .endorser {width:48%;margin:10px 1%;}
 .about-val-text a.button, .endorsements a.button, .issues a.button {
     font-size:4vw;padding:2% 5%;}
	 .endorser img {width:150px;}
	 .issues-flex, .endorser-flex {max-width:95%;}
	 #wrapper {
	 width:100%;}
	 .donate-text h2 a {font-size:8vw;}
	 .donate-text p a {
	     font-size: 4.2vw;line-height:1.1em;
	 }
	 p.actblueexpress {
	     font-size: 12px;margin:0;font-style:italic;line-height:15px;}
	 .donate-buttons {flex-wrap:wrap;}
	 a.donate-button {
	     font-size: 5vw;
	     width: auto;min-width:90px;
	     padding: 6px;
	     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 {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;}

	 }