
@media screen and (max-width: 1500px){
	
	header{ padding:0 60px; }
	main{ padding:80px 120px; }
	.region-sidebar-second{ width:350px; padding-left:100px; }
	.region-highlighted{padding:300px 120px 175px;}

	.hp-banner .inner {padding: 170px 80px 100px 170px;}

	.hp-how .text {padding: 140px 100px 90px 40px;}

	.hp-ctas .item .wrap h3 { margin: 0 0 15px;}
}

@media screen and (max-width: 1400px){
	header:before,
	.hp-banner:before,
	.hp-help:before,
	.region-highlighted:before{width: 75px;}

	.site-logo{ width: 400px; left: 140px;}
	nav.main-menu > ul > li > a,
nav.main-menu > ul > li > span{padding: 35px 20px;}

	.hp-banner .wrap{padding-bottom: 75px;}
	.hp-banner .inner{padding: 125px 80px 100px 130px;}

	.hp-how .text {padding: 140px 75px 90px 40px;}
	.hp-how .text h3{font-size: 48px;}
	.hp-how .text .lists ul.one {margin: 0 70px 0 0;}

	.hp-ctas.flex-view.loose .view-content{margin: 0 0;}
	.hp-ctas{margin: 80px auto;}

	.hp-help .text{padding: 150px 40px 145px 130px;}
}

@media screen and (max-width: 1300px){
	
	header{ padding:0 60px; }
	main{ padding:80px 90px; }
	.region-sidebar-second{ width:350px; padding-left:80px; }
	.region-highlighted{ padding:300px 90px 175px;}
	.site-logo{left: 100px;}

	header:before,
	.hp-banner:before,
	.hp-help:before,
	.region-highlighted:before{width: 50px;}

	.hp-banner .inner{padding: 100px 80px 100px 100px;}

	.hp-help .text{padding: 150px 40px 145px 100px;}
}

@media screen and (max-width: 1200px){
	.hp-how{padding-bottom: 230px; background-size: 50%;}
	.site-logo{width: 300px;}
	nav.main-menu > ul > li > a,
nav.main-menu > ul > li > span{font-size: 22px; }

	nav.main-menu > ul {padding-top: 65px;}

	.hp-banner .wrap{padding-bottom: 130px;}

	.hp-ctas .item .wrap h3 {font-size: 40px;}
}

@media screen and (max-width: 1150px){
	.hp-help{padding-bottom: 320px;  background-size: 90%;}
	.hp-help .text{padding: 100px 40px 125px 100px;}

}

@media screen and (max-width: 1100px){
	
	header{padding:0 35px; }
	.region-sidebar-second{ width:300px; }
	.footer{ padding:30px 45px; }
	ul.triple{ columns:2; }

	nav.main-menu > ul > li > a,
nav.main-menu > ul > li > span{font-size: 18px;}

	.hp-banner .inner .vote{max-width: 600px;}
	.hp-banner .inner .vote h1{font-size: 76px;}
	.hp-banner .inner .vote h2{font-size: 100px;}
	.hp-banner .inner .message{max-width: 550px;}
	.hp-banner .inner .message h1 {font-size: 40px;}
	.hp-banner .inner .message p{font-size: 20px;}

	
}

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

		#block-tiki-main-menu { display: none; }
	.top-nav{ display:none; }
	#mt-container { display: block; }
	.sm-stack tr{ display:block; padding:15px; }
	.sm-stack td{ display:block; border:none; padding:0; }
	
	main{ display:block !important; padding:0; }
	.layout-content{ padding:60px 80px; }
	.region-sidebar-second{ box-sizing:border-box; padding:60px 80px 40px; background:#60a644; color: #fff; position:relative; }
	.region-sidebar-second:before{position: absolute; content: ""; top: 0; left: 0; height: 30px; width: 100%; background: linear-gradient(180deg, rgba(245,130,43,1) 0%, rgba(245,130,43,1) 33%, rgba(230,29,48,1) 33%, rgba(230,29,48,1) 66%, rgba(0,107,149,1) 66%, rgba(0,107,149,1) 100%);}
	.box:before{display: none;}
	.region-sidebar-second > :last-child{ padding-bottom:0; margin-bottom:0; } 
	.layout-container .primary-img img{ display:block; float:right; width:35%; margin:0 0 30px 30px; }
	aside .primary-img-block{ display:none; }
	aside .sub-menu{ display:none; }
	aside .box{ background:none; padding:0; }
	aside .spine{ border:none; padding:0; }
	.region-sidebar-second{ margin:0; width:100%; }

	.hp-banner .wrap{padding-bottom: 175px;}
	.hp-banner .inner{padding: 60px 80px 60px 100px;}

	.hp-how{margin: -60px -80px; padding-bottom: 370px; background-size: 65%;}
	.hp-how .text{float: unset; padding: 60px 80px;}
	.hp-how .text h3{font-size: 42px;}

	.hp-ctas .item:nth-of-type(1) .wrap::before,
	.hp-ctas .item:nth-of-type(2) .wrap::before,
	.hp-ctas .item:nth-of-type(3) .wrap::before{ width:30px }

	.hp-ctas .item .wrap{padding: 40px 30px 30px 65px;}
	.hp-ctas.flex-view .item{
		padding: 1rem;
	}



	.hp-ctas.flex-view.loose .view-content{margin: 0 -40px;}



	/*.hp-ctas{margin: 80px -30px;}
	.hp-ctas.flex-view.loose .item{padding: .5rem;}*/


	.hp-help{margin: -60px -80px; background-size: 100%;}

}

@media screen and (max-width: 900px){
	.hp-ctas .item .wrap h3{font-size: 35px;}
}

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



	header:before,
	.hp-banner:before,
	.hp-help:before,
	.region-highlighted:before{display: none;}

	header{height: 110px;}
	.site-logo{width: 200px; left: 40px; top: 30px;}

	h1{font-size: 75px;}

	.hp-banner .wrap{padding-bottom: 200px;}
	.hp-banner .inner{padding: 60px 80px;}
	.hp-banner .inner .message{max-width: 500px;}
	.hp-banner .inner .message h1 {font-size: 36px;}
	.hp-banner .inner .message p{font-size: 18px;}
		.hp-banner .inner .vote h1{font-size: 9vw;}
	.hp-banner .inner .vote h2{font-size: 12vw;}

	.hp-how .text h3 {font-size: 36px;}
	.hp-how .text .lists ul.one{margin: 0 50px 0 0;}
	.hp-how .text .lists ul li{margin:  0 0 30px;}

	.hp-ctas{margin: 60px -80px 0;}
	.hp-ctas.flex-view.loose .view-content{margin: 0;}
	.hp-ctas.flex-view.loose .item{padding: 0;}

	.hp-ctas .item:nth-of-type(1) .wrap:before{height: 30px;width: 100%; background: linear-gradient(180deg, rgba(245,130,43,1) 0%, rgba(245,130,43,1) 33%, rgba(230,29,48,1) 33%, rgba(230,29,48,1) 66%, rgba(0,107,149,1) 66%, rgba(0,107,149,1) 100%);}
	.hp-ctas .item:nth-of-type(2) .wrap::before{height: 30px; width: 100%; background: linear-gradient(180deg, rgba(230,29,48,1) 0%, rgba(230,29,48,1) 33%, rgba(0,107,149,1) 33%, rgba(0,107,149,1) 66%, rgba(96,166,68,1) 66%, rgba(96,166,68,1) 100%);}
	.hp-ctas .item:nth-of-type(3) .wrap::before{height: 30px; width: 100%; background: linear-gradient(0deg, rgba(245,130,43,1) 0%, rgba(245,130,43,1) 33%, rgba(96,166,68,1) 33%, rgba(96,166,68,1) 66%, rgba(0,107,149,1) 66%, rgba(0,107,149,1) 100%);}
	.hp-ctas .item .wrap{padding: 70px 80px 40px;}

	.hp-help{padding-bottom: 330px;}
	.hp-help .text{padding: 60px 80px;}
	.hp-help .text h2{font-size: 98px; max-width: 580px;}
	.hp-help .text p{max-width: 570px;}

}


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

	.hp-banner .wrap {padding-bottom: 275px;}
/*	.hp-banner .inner .vote h1{font-size: 70px;}
	.hp-banner .inner .vote h2{font-size: 90px;}*/

}

@media screen and (max-width: 700px) {
	
	.region-highlighted{ padding: 250px 60px 100px; }
	.layout-content{ padding:50px 60px; }
	.region-sidebar-second{ padding:50px 60px; }
	.layout-container .primary-img img{ float:none; margin:0 0 40px; width:100%; }

	.hp-banner .inner{padding: 50px 60px;}
	.hp-banner .inner .vote{max-width: 500px}
	/*.hp-banner .inner .vote h1{font-size: 62px;}
	.hp-banner .inner .vote h2{font-size: 82px; padding-top: 15px;}*/
	.hp-banner .inner .vote h2{padding-top: 15px;}

	.hp-how{margin: -50px -60px; padding-bottom: 330px; background-size: 85%;}
	.hp-how .text{padding: 50px 60px;}
	.hp-how .text .lists{flex-direction: column;}
	.hp-how .text .lists ul li{max-width: unset;}
	.hp-how .text .lists ul.one{margin: 0 0 0 0;}

	.hp-ctas{margin: 50px -60px 0;}
	.hp-ctas .item .wrap{padding: 70px 60px 40px;}

	.hp-help{margin: -50px -60px; padding-bottom: 265px;}
	.hp-help .text{padding: 50px 60px;}
	.hp-help .text h2{font-size: 84px; max-width: unset;}
	.hp-help .text p{max-width: unset;}

}


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

/*	.hp-banner .inner .vote h1{font-size: 56px;}
	.hp-banner .inner .vote h2{font-size: 73px;}*/

	.hp-how {padding-bottom: 280px;}

	.hp-help{padding-bottom: 220px}
	.hp-help .text h2{font-size: 65px;}
}


@media screen and (max-width: 550px) {
	.hp-banner .wrap{background-size: 100%;}
	/*.hp-banner .inner .vote h1{font-size: 50px;}
	.hp-banner .inner .vote h2{font-size: 66px;}*/
	.hp-banner .inner .message h1{font-size: 32px;}

}

@media screen and (max-width: 500px) {
	
	.region-highlighted{ padding:250px 40px 50px;  }
	.layout-content{ padding: 50px 40px 30px; }
	.front .layout-content{padding: 30px 40px;}
	.region-sidebar-second{ padding: 75px 40px 35px;  }
	.footer{ padding:30px 35px; }
	.align-right, .align-left{ max-width:100%; margin:0 0 30px; width: 100%;}

	h1{font-size: 45px;}

	ul{ padding-left:25px; }
	ul.double, ul.triple{ columns:1; }
	.xs-stack tr{ display:block; padding:15px; }
	.xs-stack td{ display:block; border:none; padding:0; }

	.hp-banner .wrap{ padding-bottom: 250px;}
	.hp-banner .inner{padding: 30px 40px;}
	/*.hp-banner .inner .vote h1{font-size: 40px; padding-bottom: 20px;}
	.hp-banner .inner .vote h2{font-size: 48px;}*/
	.hp-banner .inner .vote h1{padding-bottom: 20px;}
	.hp-banner .inner .message h1 {font-size: 26px;}


	.hp-how{margin: -30px -40px; background-size: 100%;}
	.hp-how .text{padding: 50px 40px;}
	.hp-how .text .lists ul li{font-size: 18px; line-height: 1.5em;}

	.hp-ctas{margin: 30px -40px 0;}
	.hp-ctas .item .wrap{padding: 70px 40px 40px;}


	.hp-help{margin: -30px -40px; padding-bottom: 180px;}
	.hp-help .text{padding: 50px 40px;}
	.hp-help .text h2{font-size: 55px;}
	.hp-help .text p{font-size: 18px; line-height: 1.5em;}

	.footer .logo img{width: 140px;}
}

@media screen and (max-width: 425px){
	.hp-banner .inner .vote h1{font-size: 36px;}

	.hp-banner .wrap{padding-bottom: 200px;}
	.hp-banner .inner .message h1{font-size: 24px;}

	.hp-how{padding-bottom: 210px;}
	.hp-how .text h3 {font-size: 32px;}
}

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

/*	.hp-banner .inner .vote h1{font-size: 45px;}*/
/*	.hp-banner .inner .vote h2{font-size: 42px;}*/
	.hp-banner .wrap{padding-bottom: 180px;}

	.hp-help{padding-bottom: 100px;}
	.hp-help .text h2{font-size: 48px;}
}

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

	.region-highlighted{ padding:250px 25px 50px; }
	.layout-content{ padding:30px 25px; }
	.front .layout-content{padding: 30px 25px 0;}
	.region-sidebar-second{ padding:50px 25px 20px; }
	.footer{ padding:30px 25px; }

	.hp-banner .inner{padding: 30px 25px;}

	.hp-how{margin: -30px -25px; padding-bottom: 110px;}
	.hp-how .text{padding: 50px 25px;}

	.hp-ctas{margin: 30px -25px 0;}
	.hp-ctas .item .wrap{padding: 70px 25px 40px;}


	.hp-help{margin: -30px -25px;}
	.hp-help .text{padding: 50px 25px;}

}


@media screen and (max-width: 330px){
	.hp-help .text h2{font-size: 50px;}
}





