@media (min-width: 1200px)
{
	#finlogo2, #leaflogo2 {display: none;}
}
	
@media (min-width: 1080px) and (max-width: 1200px)
{
	.container
	{
		width: 1040px;
		margin: 0 auto;
		padding: 0px 20px;
	}
	.features-section ul li
	{
		width: 346px;
	}
	.stories-section ul li
	{
		width: 304px;
	}
	.story-img img
	{
		width: 304px;
		height: 195px;
	}
	#finlogo2, #leaflogo2 {display: none;}		

}


@media (min-width: 768px) and (max-width: 1080px)
{
	.container
	{
		width: 728px;
		margin: 0 auto;
	}
	.banner
	{
		padding: 100px 0px;
	}
	.big-text
	{
		font-size: 22px;
		line-height: inherit;
	}
	.header-text h2 
	{
    	font-size: 34px;
	}
	.small-text 
	{
    	width: 85%;
    	margin: 0px auto;
    	font-size: 16px;
	}
	.desc h2 {
    	font-size: 25px;
	}
	.desc p {
    	font-size: 16px;
	}
	.features-section ul li {
    	width: 242px;
	}
	.features-section ul li p {
   
    	font-size: 14px;
    	width: 95%;
	}
	.contact-section
	{
	width: 80%;
	margin: 0 auto;
	font-family: 'Open Sans', sans-serif;
	}
	
	.video-container
	{
		/* top: 10vh; */
		height: calc(33px + 33vh);
	}

		#salgridheadr 
		{
		font-size: 1.5vw;
		margin-bottom: 2px;	
		}
		
		#salgridp 
		{
		font-size: 12px;
		}
	
	#salfnct .dash-gifs
	{
	right: 50%
	}
	
	
	
	
	#finlogo2, #leaflogo2 {display: none;}

		.leaf-icon
		{
		background: url(../images/leaficons_sml.png) no-repeat;
		width: 125px;
		height: 125px;
		display: inline-block;
		}

		.leaf-icon.icon2 {background-position: 10px 2px;}
		
		.leaf-icon.icon1 {background-position: -122px 2px;}
		
		.leaf-icon.icon3 {background-position: -252px 2px;}

		.leaf-icon.icon4 {background-position: -376px 2px;}
		
	.icons-section ul li 
	{
    width: 16vw;
    display: block;
    text-align: center;
    float: left;
	}

	
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) 
{
	.container
	{
		width: 728px;
		margin: 0 auto;
	}
	.banner
	{
		padding: 140px 0px;
	}
	.big-text
	{
		font-size: 22px;
	}
	.header-text h2 
	{
    	font-size: 34px;
	}
	.small-text 
	{
    	width: 85%;
    	margin: 0px auto;
    	font-size: 16px;
	}
	.desc h2 {
    	font-size: 25px;
	}
	.desc p {
    	font-size: 16px;
	}
	.features-section ul li {
    	width: 242px;
	}
	.features-section ul li p {
   
    	font-size: 14px;
    	width: 95%;
	}
	.contact-section
	{
	width: 80%;
	margin: 0 auto;
	font-family: 'Open Sans', sans-serif;
	}
	
	#finlogo2, #leaflogo2 {display: none;}	
}
@media (min-width: 640px) and (max-width: 768px)
{
	.container
	{
		width: 600px;
		margin: 0 auto;
		padding: 0px 20px;
	}
	.banner
		{
			padding: 140px 0px;
		}
		.big-text {
    		font-size: 20px;
		}
		.header-text h2 {
    		font-size: 30px;
    		line-height: 40px;
		}
		.small-text {
    		width: 90%;
	    	font-size: 16px;
    		line-height: 35px;
		}
		.desc {
    		padding: 60px 0px;
		}
		.desc h2 {
    		font-size: 22px;
		}
		.desc p {
    		font-size: 14px;
		}
		.features-section ul li {
    		display: block;
    		float: none;
    		width: 80%;
    		margin: 40px auto;
		}
		p.box-desc {
   	 		line-height: 30px;
		}
		.stories-section ul li {
   	 		float: none;
   	 		margin: 40px auto;
		}	
		.features {
    		padding: 140px 0px;
		}
		.stories {
    		padding: 140px 0px;
		}
		.contact {
    		padding: 140px 0px;    
		}
		.video-container
		{
			/* top: 10vh; */
			height: calc(20px + 27vh);
		}
		#finlogo2, #leaflogo2 {display: none;}
		
		#salgridheadr 
		{
		font-size: 1.5vw;
		margin-bottom: 2px;	
		}
		
		#salgridp 
		{
		font-size: 10px;
		}
		
		
		
		
		.leaf-icon
		{
		background: url(../images/leaficons_sml.png) no-repeat;
		width: 125px;
		height: 125px;
		display: inline-block;
		}

		.leaf-icon.icon2 {background-position: 10px 2px;}
		
		.leaf-icon.icon1 {background-position: -122px 2px;}
		
		.leaf-icon.icon3 {background-position: -252px 2px;}

		.leaf-icon.icon4 {background-position: -376px 2px;}
		
		.icons-section ul li 
		{
		width: 19vw;
		display: block;
		text-align: center;
		float: left;
		}
		
		.banner-contact .big-text
		{
			line-height: 5vh;
			font-size: 3.5vw;
		}
		
		.gcfeats ul li
		{
			margin:0;
			margin-top: 1vh !important;
		}
		
}
@media (min-width: 480px) and (max-width: 640px)
{
	.container
	{
		width: 440px;
		margin: 0 auto;
		padding: 0px 20px;
	}
	.banner
		{
			padding: 140px 0px;
		}
		.big-text {
    		font-size: 20px;
			line-height: initial;
		}
		.header-text h2 {
    		font-size: 30px;
    		line-height: 40px;
		}
		.small-text {
    		width: 90%;
	    	font-size: 16px;
    		line-height: 35px;
		}
		.desc {
    		padding: 60px 0px;
		}
		.desc h2 {
    		font-size: 22px;
		}
		.desc p {
    		font-size: 14px;
			width: 100%;
		}
		.features-section ul li {
    		display: block;
    		float: none;
    		width: 80%;
    		margin: 40px auto;
		}
		
		.icons-section ul li {
    		display: block;
    		float: none;
    		width: 80%;
    		margin: 1vh auto;
		}
		
		.leaf-icon
		{
		background: url(../images/leaficons_sml.png) no-repeat;
		width: 125px;
		height: 125px;
		display: inline-block;
		}

		.leaf-icon.icon2 {background-position: 10px 2px;}
		
		.leaf-icon.icon1 {background-position: -122px 2px;}
		
		.leaf-icon.icon3 {background-position: -252px 2px;}

		.leaf-icon.icon4 {background-position: -376px 2px;}
		
		p.box-desc {
   	 		line-height: 30px;
		}
		.stories-section ul li {
   	 		float: none;;
   	 		margin: 40px auto;
		}	
		.features {
    		padding: 140px 0px;
		}
		.stories {
    		padding: 140px 0px;
		}
		.contact {
    		padding: 140px 0px;
    
		}
		.video-container
		{
			/* top: 10vh;	 */
			height: calc(20px + 27vh);
		}
		#finlogo2, #leaflogo2 {display: none;}
		
		.banner-contact .big-text
		{
			line-height: 5vh;
			font-size: 3.5vw;
		}
		
		.gcfeats ul li
		{
			margin:0;
			margin-top: 1vh !important;
		}
		
		#salgridheadr 
		{
		font-size: 1.5vw;
		margin-bottom: 2px;	
		}
		
		#salgridp 
		{
		font-size: 10px;
		}

}

/* @media (min-width: 640px) and (max-width: 1080px) */
/* { */
	/* .icons-section ul li { */
    		/* display: block; */
    		/* float: none; */
    		/* width: 80%; */
    		/* margin: 40px auto; */
		/* } */
/* } */


@media (max-width: 480px)
{
		#finlogo2, #leaflogo2
		{
			display: inline;			
		}
		
		#finlogo2 img
		{
			padding-top: 3vh;
		}
		
		#leaflogo2 img
		{
			padding-top: 1vh;
		}
		
		.responsive-menu-button
		{
			margin-top: -34px;
		}
		
		.leaf-icon
		{
		background: url(../images/leaficons_sml.png) no-repeat;
		width: 125px;
		height: 125px;
		display: inline-block;
		}
		.leaf-icon.icon2 {background-position: 10px 2px;}
		
		.leaf-icon.icon1 {background-position: -122px 2px;}
		
		.leaf-icon.icon3 {background-position: -252px 2px;}

		.leaf-icon.icon4 {background-position: -376px 2px;}
		
		.banner-contact .big-text
		{
			line-height: 5vh;
			font-size: 3.5vw;
		}
		
		.carbuls li {
			font-size: 15px !important;
			margin-left: 25px !important;
		}
		
		
		
}
	

@media (min-width: 20px) and (max-width: 480px)
{
	.container
	{
		width: 280px;
		margin: 0 auto;
		padding: 0px 20px;
	}
	.banner
		{
			padding: 140px 0px 60px;;
		}
		.big-text {
    		font-size: 15px;
		}
		.header-text h2 {
    		font-size: 26px;
    		line-height: 40px;
		}
		.small-text {
    		width: 90%;
	    	font-size: 15px;
    		line-height: 35px;
		}
		.button-section ul li {
    		margin: 50px 12px;
		}
		.white, .green {
    		padding: 15px;
		}
		.desc {
    		padding: 60px 0px;
		}
		.desc h2 {
    		font-size: 22px;
		}
		.desc p {
    		font-size: 14px;
			width: 100%;
		}
		.features
		{
			padding: 140px 0px;
		}
		.features-section ul li {
    		display: block;
    		float: none;
    		width: 90%;
    		margin: 40px auto;
		}
		.features-section ul li p
		{
			width: 100%;
		}
		p.box-desc {
   	 		line-height: 30px;
			font-size: 14px;
		}
		.stories
		{
			padding: 140px 0px;
		}
		.stories-section ul li {
   	 		float: none;;
   	 		margin: 40px auto;
			width: 260px;
		}
		.story-img img {
    		height: 170px;
    		width: 260px;
		}
		.features {
    		padding: 60px 0px;
		}
		.stories {
    		padding: 60px 0px;
		}
		.contact {
    		padding: 140px 0px;
    
		}
		.contact-section {
    		width: 80%;
		}
		h3.text-head {
    		font-size: 20px;
		}
		.menu {
   			 display: none;
		}
		.logo {
			float: left;
		}
		.video-container
		{
			top: 10vh;
			height: calc(100px + 40vh);
		}
				
		.desc.main p {
			font-size: calc(6px + 3vw);
			font-weight: 700;
			line-height: 6vw;
			width: 98%;
			margin: 0 auto;
			font-family: 'Open Sans', sans-serif;
			color: #25427d;
			text-shadow: 2px 2px 2px rgba(255, 255, 255, 0.5);
		}
		
		.desc.main h2
		{
    	/* font-size: 5vh; */
		/* padding: 30px 15px; */
	    font-size: calc(8px + 4vw);
		padding: calc(20px + 2vh);
		text-shadow: none;
		}

	#finlogo, #leaflogo
	{display: none;}
		
}

/* ORIGINAL Backup

@media only screen and (max-width: 767px){ */
/* #mobile-header { */
/* display: block; */
/* } */

@media only screen and (max-width: 1080px){
#mobile-header {
display: block;
}


.header
{
	position: fixed;
	z-index: 2;
}
.banner {
    padding: 80px 0px 80px;
}
.menu
{
	display: none;
}
}