/* CSS Document Stramina*/
/*
	Author: Mobilife SL
	Website: www.mobilife.es*/
	
/*------------------------------------------*/
/*	     00 - Colors
/*------------------------------------------*/
/* text-color:   	#444444
/* app-color1:	 	#2684d1
/* app-color1dark: 	#154b77
/* dark-grey: 	 	#444444
/* light-grey: 		#f2f2f2
	
/* ------------------------------------------ */
/*           RESPONSIVE DESIGN
/* ------------------------------------------ */

/*************** Header  ***************/


@media (max-width: 680px) {	
	.logo img{
	height: 30px !important;
}
  }



/*************** Nav & toogle  ***************/


@media (max-width: 680px) {	
	nav		{	display: none !important;	}
	.toogle	{	display: block !important;	}	
	.close	{	display: block !important;	}	
  }

/*************** Intro  ***************/
@media (min-width: 1400px) {
	.intro{		
		padding-top: 100px !important;
		height: 600px !important;		
	}
}

@media (max-width: 780px) {
	.h1{
		margin-top: 40px !important;
	}
	
	.intro{
		height: 380px;
		padding-top: 40px;
	}
	
	.question{
		padding: 12px 0 !important;
		text-align: center !important;
		font-size: 16px;
	}

	.intro .left, .intro .right{
		width: 100%;
		float: none;
		text-align: center;
	}
	
	.answer{
		padding-bottom: 32px !important;
	}
}


@media (max-width: 550px) {		
	.intro{	
		padding-top: 10px;
	}
	
	.question{
		padding: 8px 0 !important;
	}
	
	.answer{
		padding-bottom: 24px !important;
	}
}


/*************** Blocks  ***************/
@media (max-width: 680px) {
	.block_text{
		width: 100%;
		padding: 0 16px;
	}

	.block_img{
		width: 100%;
		padding: 16px 16px;
		text-align: center;
	}
}

/*************** Functionality ***************/
@media (max-width: 810px) {
	.funct_block{		
		width: 48%;
		margin: 16px 1%;
		padding:  32px 16px 16px;
	}
}  

@media (max-width: 510px) {
	.funct_block{		
		width: 100%;
		margin: 16px 0;
		float: none;
		padding:  32px 16px 16px;
		height: auto;
	}
}  

/*************** Customers ***************/

@media (max-width: 850px) {
	.customer{
	width: 25%;
	}
}  

@media (max-width: 680px) {
	.customer{
	width: 33%;
	}
}  

@media (max-width: 550px) {
	.customer{
	width: 50%;
	}
}  

@media (max-width: 350px) {
	.customer{
	width: 100%;
	}
	.customer img{
	max-width: 100px;
	}
}  


/*************** Contact ***************/	
@media (max-width: 940px) {
	.formular,	.address{
		width: 50%;		
	}
}


@media (max-width: 940px) {
	.formular,	.address{
		width: 100%;
		float: none;		
	}
	.address{
		margin-top: 32px;	
	}
	.address p{
		margin-bottom: 8px;
	}
}



/*************** Footer  ***************/

@media (max-width: 680px) {
	.col4{	
		float: none !important;
		width: 100% !important;		
		display: block;
		text-align: center;
		padding: 12px 0;		
		}

	}