#rmp_menu_trigger-8429 {
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 2s;
}

@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@media only screen and (min-width:960px) {
	
	.blog-grid {
		display: flex;
		flex-wrap: wrap;
	}
	.blog-grid .post-item {
		width: 33.33%;
	}
}
@media only screen and (max-width: 959px) {
	.padding-section {padding: 3rem 1rem !important;}
	.lsow-portfolio-wrap {padding: 0 1rem;}
	.single-portfolio_item .page-title {padding: 100px 1rem 1rem}
	footer {padding: 3rem 1rem;}
	.rmp-menu-additional-content a {color: #FFF;}
	#rmp_menu_trigger-8429.is-active .responsive-menu-pro-inner, #rmp_menu_trigger-8429.is-active .responsive-menu-pro-inner::after {background: var(--lime) !important;}
	
}
@media only screen and (max-width: 767px) {
	.single-portfolio_item .page-title .visit {text-align: left;}
	#page-intro.page-title > div:first-child {padding-bottom: 1rem;} 
	
	footer img {max-width: 200px !important;}
	footer .widget {margin-bottom: 2rem;}
	.content .textwidget, #home-banner .textwidget {padding: 1rem;}
	.content h3.widget-title {padding: 0 1rem;}
	 #intro img {
		position: static; 
		transform: none; 
		}
	#home-banner {margin-bottom: 3rem; min-height: 70vh;}
	#home-banner .sow-image-container {overflow: hidden; height: 70vh}
	#home-banner img {
		left: 50%;
		top: 50%;
		transform: translate(-60%, -42%);
		height: 100%;
	}
	#home-banner .textwidget {position: relative; top: -5vh;}
	
	#intro {min-height: intrinsic; position: relative; top: -6rem;}
	#intro img {aspect-ratio: 4/5; object-fit: cover; }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	.button {white-space: normal;}
	.padding-section  {padding: 2rem 1rem !important;}
	.padding-3 {padding: 1rem;}
	header #logo svg {width: 200px;}
	#home-banner .sow-image-container {overflow: hidden; height: 60vh}
}


/* Adaptive Font Size */

@media screen and (min-width: 25em){
/*   html { font-size: calc( 16px + (24 - 16) * (100vw - 400px) / (800 - 400) ); } */
}


/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	
		
}