/*mobile*/
@media only screen and (max-width: 40em) {

	.header{align-items:inherit}
	.header-top{min-height:450px}
	.banner-img{border:1px solid black;height:450px !important;}
	.header{min-height:auto}
	.banner .title{font-size:25px;}
	.banner .text{font-size:16px;}
	.header-mob{justify-content:flex-end;width:100%;margin:100px 15px 0 0;z-index:4000}
	.header-mob>div{padding:0 20px}
	#site-navigation .menu-main-container {left: 0%;margin-left: 0px;top:65%}
	.banner {padding-top:35%}
	
	.mobile-menu-button {	right:15px;}
	.mobile-menu-button.show-for-small-only{margin-top:15px}
	
	.footer-mob{background:white;}
	.footer-mob .grid-container{padding-left:0!important;padding-right:0px !important;background:#280118;margin-top:40px;}
	
	.footer-1{margin-top:0;padding:60px 15px 40px 15px;  flex-direction:column}
	
	.newsletter {width:100%;margin-top:20px;}
	
	.center {display:none;}
	
	.letsgo{background-image:linear-gradient(to bottom right, rgba(128, 20, 88, 1), rgba(86, 0, 229, 10))}
	.letsgo>div {padding:30px 0 30px 15px;}
	.letsgo>div>div{background:url(../i/diwa-logo-contact.png) 0px 0px no-repeat;background-size:100%}
	.letsgo h1 {padding-bottom:15px;}
	
	
	#close-menu{display:none !important;top:35px;}

	.main-navigation li a {font-size: 35px;}
	
	.socialchatplugin img{max-width:25px}
	
	.socialchatplugin div{padding:0 0}
	
	.menu a, .menu .button {padding:0;}
	
	.list-home{ flex-direction:column}
	.list-home>div{width:100%;margin-bottom:50px;}
} 

/*fim mobile*/