body, html {height:100%;}
body { margin:0;padding:0;background:#fff;float:left;
	font-family: 'Lato', Helvetica, Arial, sans-serif;
  font-size: 18px;line-height:1.5em;

}

hr	{
border:0 #ccc solid;
border-top-width:1px;clear:both;height:0
}
h2,h3,h4,h5 {text-transform:uppercase;margin:30px 0px 20px;line-height:1.1em;}
h1 {margin-bottom:30px;}
h1 {font-size:260%;}
h2 {font-size:200%;}
h3 {font-size:150%;}
h4 {font-size:120%;}
ol{
	list-style:decimal
}

ul{
	list-style:square
}
li{
	margin-left:30px;margin-bottom:15px;
}
p,dl,hr,ol,ul,pre,address,fieldset{
	margin-bottom:1.5em;
	}
blockquote {border-left: 8px solid #efefef;margin:5%;padding-left:3%;font-size:90%;}
.mobile {display:none;}
.print_header {display:none;}
a {color:#0083bf;font-weight:bold;text-decoration:none;}
a:hover {color:#00b4e5;}
/* NGP STYLES START */
section.at-inner {background-color:transparent;}
header.at-title, legend.at-legend, header.at-markup, footer.at-markup {display:none;}
.signup label.at-text, .signup .updateMyProfileSection label {color:white !important;font-size:14px;text-align:left;}
.sidebar .at-markup.FastAction .fastAction {background:rgba(0,0,0,.35);padding:.5em .25em;color:white;margin:-2% 5% 0 5%;}
.ngp-form input[type=submit] {font-family: 'Lato', Arial, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: calc(11px + 0.6vw);height: 42px;
    line-height: 150%;padding:0;}
.home-action input[type=submit] {width:100%;}
.sidebar .signup input[type=submit] {background-color:#0D2340;}
.sidebar .signup input[type=submit]:hover {background-color:#06B5E2;}
.home-action .signup input[type=submit]:hover {background-color:#0083BF;}
.home-action .UpdateMyProfile {height:30px;padding:10px 0px;order:5;}
.home-action .at .at-fieldset {padding:0;}
.home-action .at-form-submit {
    padding: 0.625rem;
    float: right;
    width: 60%;
    margin-top: -62px;
}
.home-action .at-form-submit .at-submit {
    margin: 0;
    display: inline;
    float: none;}
	
 .at-row label.at-text.EmailAddress {flex:2 100%;}
 .at-row label.at-text.MobilePhone {min-width:100px;flex-grow:0;}
			.home-action input[type="tel"], .home-action input[type="email"] {height:51px !important;}
			
			@media only screen and (max-width: 1466px) {.home-action .at-form-submit {width: 50%;
}}
			@media only screen and (max-width: 1186px) {.home-action  .at-form-submit {width: 100%;float:left;margin-top:6px;
}}
	/* NGP STYLES END */
.main_content a, .petition-text a, .nosidebar_content a {text-decoration:underline;}
.header-wrapper {background:#0c233f;float:left;width:100%;}
.header, .actions {width:90%;margin:0 auto;}
.header-wrapper.sticky {
            position: fixed;
            width: 100%;
-webkit-box-shadow: 0px 4px 10px 1px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 4px 10px 1px rgba(0,0,0,0.35);box-shadow: 0px 4px 10px 1px rgba(0,0,0,0.35);
z-index:2000;
        }
.content_area {float:left;width:100%;}
#wrapper {width:70%;margin:0 auto;}
#wrapper:after, form:after, .donate p:after{
	content:"";
	display:table;
	clear:both;}

.header table {width:100%;}
.header table tr td {vertical-align:middle;}
td.logo {width:15%;}
td.navigation {width:85%;}
.logo img {width:100%;max-width:210px;}
body.home .logo {width:34%;}
body.home .logo svg {width:100%;}
svg {fill:#fff;width:25px;height:auto;}
svg:hover {fill:#00b4e5;}

nav {width:100%;float:right;position:relative;top:5px;}

nav:after {
	content:"";
	display:table;
	clear:both;
}

nav ul {
	padding:0;float:right;width:75%;text-align:right;
	margin:0;
	list-style: none;display:flex;justify-content:space-between;

	}
nav ul.social {width:25%;}
nav ul li {margin:0 1%;}
nav ul.social li {width:20%;padding:0;}
nav ul li a {color:#fff;text-transform:uppercase;font-weight:600;letter-spacing:.03em;font-size:14px;padding:12px;white-space:nowrap;
}
nav ul li a:hover {background:#00b4e5;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;color:white;
}
nav ul li.social a:hover {background:none;}
nav ul li.last a {background:#00b4e5;color:white;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;padding:12px;}
nav ul li.last a:hover {background:#0083bf;border:none;}
nav ul ul {
	display: none;
	position: absolute;
	/* has to be the same number as the "line-height" of "nav a" */
	top:20px; background-color:#444;z-index:1200;width:200px;
}

nav ul li:hover > ul {
	display:inherit;
}

nav ul ul li {
	float:none;
	display:inline-block;width:100%;
	position: relative;margin:0;padding:0;
}
nav ul ul li a {color:white;font-size:13px;padding:5px 5%;width:90%;line-height:15px;margin:5px 0px;display:block;}
nav ul li ul li a:hover, nav ul li ul li a:visited:hover {background-color:#B7D77A;color:#222;font-size:13px;}
.home {background:#0C2340;/*height:94%;max-height:1200px;*/
  height: 92vh; /* Fallback for browsers that do not support Custom Properties */
  height: calc(var(--vh, 1vh) * 92);
min-height:830px;}
.home-photo{background:url(/media/images/merkleybw.jpg) 50% 0% no-repeat;background-size:cover;height:100%;width:50%;float:left;}

.home-content {height:100%;width:50%;float:left;}
.home-content nav {width:96%;float:none;padding:0px;margin:0px 2%;}
.home-content nav ul {width:100%;padding:20px 0px;}
.home-content nav ul li {text-align:center;}
input[type="text"], input[type="tel"], input[type="email"] {
	height:34px;margin-bottom:10px;width:97%;padding:0 1%;font-size:calc(11px + 0.3vw); }
input#phone, input.phone {float:left;width:38%;}
input#zip {float:left;width:22%;margin-right:2%;}
input[type=submit]{float:right;width:30%;}
input[type=submit], button[type=submit] {height:42px;line-height:150%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #0C2340;
border:none;-webkit-appearance:none;color:#fff;font-family: 'Lato', Arial, sans-serif;text-transform:uppercase;font-weight:bold;
font-size:calc(11px + 0.6vw); padding:0;margin:-2px 0px;
}
input[type=submit]:hover, button[type=submit]:hover {background:#03B6E8;}
.home-content input[type="text"], .home-content input[type="tel"], .home-content input[type="email"] {
	height:44px;font-size:calc(11px + 0.5vw);}

a.email-button {margin:20px 0px;width:max-content;display:block;
		font-weight:bold;font-size:16px;color:#ffffff;text-align:center;text-decoration:none;border-radius:6px;background-color:#0D2340;padding:12px 18px;line-height:110%;white-space:nowrap;text-transform:uppercase;font-family:'Lato', Helvetica, sans-serif;}
		a.email-button:hover {background-color:#03B6E8;}

.home-action .signup input[type=submit]{background:#00B5E2;height:52px;}


	.page-title h1 {color: white;    font-size: 500%;line-height:100%;   background: rgba(0,0,0,.2);    padding: 1%;text-shadow: 0px 0px 15px rgba(0, 0, 0, 1);text-align:center;width:70%;margin:-10% auto 8%;
}
	.page-title {float:left;width:100%;background:url(/media/images/pagetitle.jpg) 50% 0% no-repeat;background-size:cover;
    padding-top: 36.25%; /* 16:9 Aspect Ratio */
}
body.header02 .page-title {float:left;width:100%;background:url(/media/images/merkley02.jpg) 50% 0% no-repeat;background-size:cover;
}
body.header21 .page-title {float:left;width:100%;background:url(/media/images/merkley21.jpg) 50% 0% no-repeat;background-size:cover;
}
body.header68 .page-title {float:left;width:100%;background:url(/media/images/merkley68.jpg) 50% 0% no-repeat;background-size:cover;
}
body.header54 .page-title {float:left;width:100%;background:url(/media/images/merkley54.jpg) 50% 0% no-repeat;background-size:cover;
}
body.header39 .page-title {float:left;width:100%;background:url(/media/images/merkley39.jpg) 50% 0% no-repeat;background-size:cover;
}
body.header31 .page-title {float:left;width:100%;background:url(/media/images/merkley31.jpg) 50% 0% no-repeat;background-size:cover;
}
body.header46 .page-title {float:left;width:100%;background:url(/media/images/merkley46.jpg) 50% 0% no-repeat;background-size:cover;
}
body.header28 .page-title {float:left;width:100%;background:url(/media/images/merkley28.jpg) 50% 0% no-repeat;background-size:cover;
}

	.about-wrapper {float:left;height:78%;width:100%;background:url(/media/images/family.jpg) 50% 0% no-repeat;background-size:cover;min-height:510px;}

	.bio {float:right;text-align:right;width:32%;padding:2%;background:rgba(0,0,0,.3);margin:2% 1%;}
	.bio p {color:white;font-size:110%;text-shadow: 0px 0px 15px rgba(0, 0, 0, 1);padding:.5em 1%; margin:0;}
.bio p a {text-shadow:none;}
.main_content {
	width:58%;
float:left;padding:2em 0;
}
body.offline td.navigation, body.offline .footer-nav {display:none;}
body.offline .landing_content {padding:2em;width:90% !important;}
.main_content img, .nosidebar_content img, .landing_content img {max-width:100%;}
.petition-text > p > img {max-width:100%;}
iframe.video {width:100%;height:auto;}
.nosidebar_content {width:70%;margin:2em auto;}
.posted_on {
	color:#888;
	font-size:70%;
}
.sidebar {float:right;width:38%;position:relative;top:-30px;}
.item {margin-bottom:30px;}
.petition-photo{background:url(/media/images/jmaction.jpg) 50% 0% no-repeat;background-size:cover;height:100%;width:42%;float:left;}
.petition-content {width:56%;float:left;padding-left:2%;}
body.no-photo .petition-content {float:none;margin:0 auto;clear:both;padding:1% 0;}
body.migrantkids .petition-photo{background:url(/media/images/migrantkids2.jpg) 50% 0% no-repeat;background-size:cover;height:100%;width:42%;float:left;}

.petition-content h1.entry-title {padding:25px 0;margin-bottom:0;}
.survey-text, .petition-text {width:54%;padding-right:2%;float:left;}
.survey-text .fieldset .label {margin-bottom:1em;font-weight:bold;font-size:110%;}
.survey-text .fieldset input {margin:1em 1em 1em 0;}
.petition-form {float:right;width:38%;padding:2em 3%;color:white;margin-bottom:3em;}
.survey-form {float:right;width:38%;padding:0em 1%;margin-bottom:3em;}
.survey-form label {font-weight:300;text-transform:uppercase;font-size:70%;line-height:1.5  em;letter-spacing:.04em;display:block;}
.petition-form h3{margin-bottom:.5em;margin-top:0;color: #fcf388;letter-spacing:.02em;}

 .petition-form label {color:#efefef;font-weight:300;text-transform:uppercase;font-size:70%;line-height:1.5  em;letter-spacing:.04em;display:block;}
.mobile-disclaimer, body.home .signup p.mobile-disclaimer  {font-size:15px;font-style:italic;line-height:1.3em;margin-bottom:0;}
p.mobile-disclaimer a {color:white;font-weight:normal;text-decoration:underline;}
.survey-form .form-group, .petition .form-group {display:block;float:left;width:100%;}
button.survey, .petition button[type=submit] {width:100%;font-size:1.4vw;margin:.4em 0;line-height:150%;padding:3% 0;height:auto;
	animation: pulse 4s 20s 6;
 }

 @keyframes pulse {
     0% {
   	  -webkit-box-shadow: none;
   	  -moz-box-shadow: none;
   	  box-shadow: none;
     }

   50% {
 	  -webkit-box-shadow: 0px 0px 15px 0px rgba(255,255,255,.8);
 	  -moz-box-shadow: 0px 0px 15px 0px rgba(255,255,255,.8);
 	  box-shadow: 0px 0px 15px 0px rgba(255,255,255,.8);
   }
   100% {
 	  -webkit-box-shadow: none;
 	  -moz-box-shadow: none;
 	  box-shadow: none;
   }


 }

p.small {font-size:70%;margin-bottom:0;line-height:130%;}
.petition-form p.small a {color:white;margin:0px 5px;}
body.entry .sidebar {top:30px;}
h1.entry-title {  font-size: 230%;line-height:110%;margin-bottom:.5em;}

.donate, .signup {padding:30px 5%;color:white;text-align:center;line-height:1.4em;font-size:20px;
}
.donate {background:#0c233f;}
.donate p:last-of-type {margin:2% 0 0;}
.donate p.donate-text {margin-bottom:.5em;}
a.amt-btn {background:#00B5E2;padding:8px 5px;-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;color:white;display:inline-block;width:18%;margin:2% 1%;font-size:18px;font-weight:300;}
body.home.homewithvideo a.amt-btn:hover, a.amt-btn:hover {background:#0085CA;}
body.home a.amt-btn:hover {background:#0c233f;}
a.small {font-size:70%;color:white;margin:2% 0%;padding:6px 12px;}
a.small:hover {background:#00B5E2;-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;color:white;}
a.small:first-of-type {float:left;}
a.small:last-of-type {float:right;text-align:right;}
body.home a.small:first-of-type {float:none;}
body.home a.small:last-of-type {float:none;text-align:left;}
.petition-form, .sidebar .signup {background:#0083bf;}
.donate h2, .signup h2 {text-transform:uppercase;letter-spacing:.03em;margin:0px 0px .5em;line-height:1.1em;}
.signup p, .donate p {font-weight:300;margin-bottom:.5em;}
.home-content .signup p {font-size:calc(12px + 1.2vw);line-height:1.4em;}
.home-content .signup h2 {line-height:1.2em;
  font-size:calc(22px + 1.8vw);
}
.home-action .signup {padding:15%;background:none;}
.home-full.donate {padding:30px 0;}
.entry_image, .entry_video {
	width:600px;margin:10px auto;text-align:center;
}
.entry_image img {max-width:600px;}
.caption {
	font-size:11px;
	color:black;
}
.pull_quote_wrapper {
	float:right;
	width:200px;
	margin-left:15px;
	margin-bottom:10px;
}
.pull_quote {	color:#999;font-size:18px;padding-left:20px;
	font-weight:bold;
}
.close {float:right;font-size:80px;height:50px;width:50px;}
.open {font-size:80px;height:50px;width:50px;}
div.right {float:right;margin:0px 0px 20px 20px;}
div.left {float:left;margin:0px 20px 20px 0px;}
img.align-right {margin:15px;float:right;width:300px;}
div.right p.caption, div.left p.caption {font-size:90%;color:#555;display:block;}

.actions-wrapper {float:left;width:100%;padding:80px 0px;}
body.home .actions-wrapper {background:white;padding:40px 0px;}
body.home .featured-updates {background:#e0f0f7;padding:40px 0px;float:left;width:100%;}
body.homewithvideo .donate {padding:2%;width:80%;}
body.home a.amt-btn {margin:1%;width:auto;padding:8px 16px;}
body.homewithvideo .video {width:90%;background:black;color:white;position:relative;left:-10%;margin:2% 0%;}
.videoWrapper {
	position: relative;
	padding-bottom: 54.25%; /* 16:9 */
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
body.home .donate p.donate-text, body.home .signup p	 {margin-bottom:.5em;font-weight:400;font-size:calc(12px + .7vw);line-height:140%;}
.home-full.withvideo .signup {width:48%;margin:0 auto;}

.actions h4 {text-align:center;font-weight:300;font-size:35px;margin-bottom:50px;}
.actions-flex {display:flex;justify-content:space-evenly;align-items:center;}
.featured-updates h4  {text-align:center;font-weight:300;font-size:25px;margin-bottom:25px;}
a.latest {text-align:right;float:right;font-weight:300;text-transform:uppercase;font-size:16px;margin-top:20px;}

.f-grid {display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden;

}

.f-grid-cell {
flex: 1;

padding:2%;background:white;border:1px solid #aad6e9;
}

.pubdate {font-weight:300;display:inline-block;vertical-align:top;}
.item .pubdate {padding-right:3%;width:30%;}
.publication {font-style:italic;font-weight:300;margin-bottom:.25em;display:block;}
.list-title {display:inline-block;width:66%;vertical-align:top;}
.excerpt {display:block; font-size:90%;line-height:145%;}
.title {display:block;font-size:22px;margin:.25em 0 .5em;}
a.button, a.readmore {-webkit-border-radius: 3px;text-transform: uppercase;
-moz-border-radius: 3px;
border-radius: 3px;
background: #0085CA;color:white;padding:10px 0px;margin:20px auto;text-align:center;font-size:14px;display:block;width:140px;}

a.button:hover, a.readmore:hover {background:#00B5E2;}
.bio a.button {float:right;}
.action {width:32%;display:inline-block;}
.feature:nth-of-type(2){margin:0px 1%;}
.action:nth-of-type(2) {margin:0px 1.6%;}
.action img {max-width:98%;}
.home-full, .footer-logo-wrapper {background:#0085CA;float:left;width:100%;text-align:center;}
.footer-wrapper {background:#0c233f;float:left;width:100%;color:rgba(255,255,255,.7);padding:60px 0px;font-size:15px;border-top:2px solid #0083bf;font-weight:300;text-align:center;}
img.footer-logo {width:230px;margin:0px auto;}
.disclaimer {color:rgba(255,255,255,.9);padding:10px;display:block;border:1px solid rgba(255,255,255,.9);width:50%;margin:50px auto;}
.footer-links {display:block;}
.footer-nav nav {float:none;width:100%;}
.footer-nav nav ul {width:72%;margin:40px auto 20px;float:none;text-align:center;}
.footer-nav nav ul.social {width:20%;}
.footer-nav nav ul li a {color:#0083bf;font-size:14px;}
.footer-nav nav ul li a:hover {color:#fff;background:#00b4e5;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.footer-nav nav ul li.social a:hover {background:none;}
.footer-nav nav ul li.last a {color:white;margin-left:5px;}
.footer-nav nav ul li.last a:hover {color:#fff;background:#0083bf;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.footer-links a {padding:0px 5px;color:rgba(255,255,255,.7);}

.footer-nav svg {fill:#0083bf;margin:1%;}
.footer-nav svg:hover {fill:#00b4e5 !important;}


.wildlife-photos {float:left;width:100%;text-align: center;}
.wildlife-photos img {display:inline-block;max-width:31%;margin:1%;}
li.social {display:inline-block;list-style-type:none;margin:1%;}
body.homewithvideo .home-social {text-align:center;width:80%;display: block;float:left;}
.home-social {text-align:center;width:100%;display: block;float:left;}
.home-social svg {fill:#fff;}
.entry_video embed {
width:400px;}

.sharethis-inline-share-buttons {padding:20px 0px;height:32px;}
body.petition .sharethis-inline-share-buttons {padding:20px 0px;height:32px;width:55%;margin:40px auto;clear:both;}
body.landing .video {width:90%;background:black;color:white;margin:1% auto 3%;}
body.landing {background:#0C233F;}
body.landing .sharethis-inline-share-buttons {padding:20px 0px;height:32px;width:100%;margin:200px auto;clear:both;}
body.landing .donate {padding:20px 15%;}
body.landing a.amt-btn {width:12%;}
body.landing .donate-text {font-size:1.8vw;}

@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {
body.homewithvideo .video {
    width: 95%;
    background: black;
    color: white;
    position: relative;
    left: -5%;
    margin: 3% 0%;}
		.home-photo {width:48%;}
		.home-content {width:52%;}
		body.homewithvideo .donate, body.homewithvideo .home-social, .home-full.withvideo .signup{
width:88%;}
svg {width:16px;}
.header, .actions, #wrapper {width:98%;}
.actions {text-align:center;}
h1 {font-size:200%;}
h2 {font-size:160%;}
h3 {font-size:140%;}
h4 {font-size:110%;}
.signup p, .donate p {
font-size:18px;}
.sidebar .donate, .sidebar .signup {padding:5%;}
.action:nth-of-type(2) {    margin: 0px 1%;}
.about-wrapper {background-position:80% 0%;height:52%;}
body.home .about-wrapper {background-position:80% 0%;}
	.bio {width:42%;padding:1%;margin:0;}
 a.amt-btn {
    margin: 1%;
    width: 30%;
    padding: 1%;font-size:16px;}
		.home-content nav {margin:0 1%;}
		.home-content nav ul li {min-width:0;}
		.home-content nav ul li {
    width: auto;margin:0;
    }
		.home-content nav ul li a {padding:5px;}
				.home {
			height: 68vh;
			height: calc(var(--vh, 1vh) * 68);
		min-height:0;}
}
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : landscape) {
	.header, .actions, #wrapper {width:98%;}
	.actions {text-align:center;}
	svg {width:16px;}
}
@media only screen and (max-width:918px){
	input#phone {width:36%;}
		nav ul li a {font-size:11px;padding:8px;}
}
@media only screen and (max-width:718px){

		nav ul li a {font-size:10px;}
}
@media only screen and (min-width: 1800px) {
  body {font-size: 22px;line-height:1.5em;}
}

@media only screen and (max-width: 1460px) {
.petition-photo, body.migrantkids .petition-photo {width:36%}
.petition-content {width:60%;}
body.no-photo .petition-content {width:70%;}
	nav ul li { margin: 0 3px;}
.home-content nav ul li a  {font-size:13px;padding:8px;}

}

@media only screen and (max-width: 1280px) {
#wrapper {width:90%;}
h1.entry-title {
    font-size: 200%;}
	nav ul li { margin: 0 3px;}
.home-content nav ul li a  {font-size:11px;padding:8px;}
}

@media only screen and (max-width: 920px) and (max-height:1023px){
	a.small {
	    padding: 6px;}
		}

/*@media only screen and (max-width: 1200px) {
.home-content nav ul li {padding:2% 1%;width:auto;}
	body.home a.amt-btn {width:18%;margin:1%;}

}


@media only screen and (max-width: 1100px) {

body.homewithvideo .donate {
    padding: 2% 6%;
    width: 70%;
}
body.home a.amt-btn {width:18%;margin:2%;}
}
@media only screen and (max-width: 1024px) and (max-height:800px) {
 .header, .footer-nav nav ul {width:100%;}
 .home-photo {width:45%;}
 .home-content {width:55%;}
 .home-content nav ul li {padding: 1%;}
body.homewithvideo .video {margin:1% 0;}

 .home-content nav ul li a {font-size:11px;}
 .petition-photo {width:28%}
 .petition-content {width:70%;}
 .bio {width:38%;padding:1%;margin:1%;}

}
@media only screen and (max-width: 1024px) and (max-height: 600px) {
	body.homewithvideo .donate {padding:2% 5% 0%;}
	body.home .donate p.donate-text {font-size:15px;}
	body.home .donate p {font-size:13px;margin-bottom:5px;}
	.home-social svg {width:16px;}

}
@media only screen and (max-width: 980px) {
.home-social svg {width:15px;}
.petition-content {width:66%;}
}
@media only screen and (max-width: 960px) {
	.header, .actions {width:98%;}
}
@media only screen and (max-width: 960px) and (max-height: 700px) {
	.bio p {font-size:90%;}
}
@media only screen and (max-width: 900px) {
	.header, .actions {width:100%;}
	.f-grid {display: block;

	}

	.f-grid-cell {
	flex: 0;
	padding:2%;background:white;border:1px solid #aad6e9;
	}
	.feature:nth-of-type(2) {margin:20px auto;}
}
/*
@media only screen and (max-width: 860px) and (max-height:600px) {
	#wrapper {width:100%;}
	.home-photo {width:42%;}
	 .home-content {width:58%;}
	 .home {
	   height: 98vh;
	   height: calc(var(--vh, 1vh) * 98);}
		 body.homewithvideo  .home-action {padding:2% 10%;}
	.main_content {width:56%;padding-left:2%;}
	.actions {width:100%;text-align:center;}
	.action {width:30%;}
	svg {width:16px;}
	nav ul {width:82%;}
	nav ul.social {width:18%;}
	nav ul li a {font-size:13px;}

}

*/}