@charset "utf-8";
/* CSS Document */
/*MEDIA / RESPONSIVE*/
@media screen and (max-width: 600px)
{
html
{
	max-width: 100%;
	/*height:100%;
	min-height:100%;*/
	overflow-x: hidden;
}
	#lumo-logo
	{
		visibility:hidden;
		margin:0;
		padding-left:5%;
	}
	#lumo-burger
	{
		display:block;
		visibility:visible;
		position:fixed;
		width:64px;
		height:64px;
		background-color:#353535;
		background-image:url(../Assets/menu_ico.png);
		box-shadow: 0 0 8px 0 rgba(0, 0, 0, .5);
		z-index:11000;
		cursor:pointer;
	}
	.mobile-nav
	{
		font-size:32px;
		margin-top:64px;
		display:block;
		background-color:#353535;
		float:left;
		position:fixed;
		text-align: left;
		z-index:11000;
		padding:16px;
		margin-bottom:32px;
		width:100%;
	}
	.mobile-nav li
	{margin-bottom:8px;}
	.mobile-nav a
	{
		text-decoration:none;
		color:#fff;
		width:100%;
	}
	.show
	{
		visibility:visible;
	}
	#lumo-burger:hover
	{
		background-image:url(../Assets/menu_ico2.png);
	}
	#lumo-header
	{
		padding-top:0;
		height:48px;	
	}
	#lumo-nav
	{
		visibility:hidden;
		display:none;
		width:100%;
	}
	
	.container
	{
		width:100%;
		margin:0 auto;
		display:block
	}
	.columna
	{
		width:40%;
		margin-left:5%;
		margin-right:5%;
		
		display:block;	
	}
	.seccion
	{
		width:100%;

	}
	#lumo-inicio h1
	{
		font-size:48px;
		color:white;
		text-align:left;
		margin: 0 auto;
	}
	#lumo-funcion h1, #lumo-faq h1, #lumo-contacto h1
	{
		font-size:36px;
	}
	
	#faq_img
	{
		float:none;
		width:128px;
		margin-left:40%;
		margin-top:16px;

	}
	
	#funcion_p, #faq_p, #faq_r
	{
		font-size:20px;
	}
	.intro
	{
		/*width:100%;*/	
	}
	.boton_cotizar
	{
		margin: 0 auto;
		margin-top:-32px;	
	}
	iframe
	{
		height:192px;
	}
	#mobile-header
	{
		display:block;
		font-size:36px;
		visibility:visible;
		width:100%;
		margin-left:25%;
		margin-top:8px;
	}
	#lumo-logo
	{
		margin-left:80%;
		margin-top:8px;
		height:48px;
		width:40px;
		visibility:visible;
		display:block;
	}
	iframe
	{
		float:none;
		height:160px;
	}
	#ani_left,#ani_right{margin:0 auto;margin-left:16px;display:block;width:90%;height:128px;}
}

/*AUN MAS CHICO*/
@media screen and (max-width: 480px)
{
	#lumo-funcion h1, #lumo-faq h1, #lumo-contacto h1
	{
		font-size:32px;
	}
	
	#faq_img
	{
		width:96px;
	}
	
	#funcion_p, #faq_p, #faq_r
	{
		font-size:18px;
	}
	.intro
	{
		/*width:100%;*/	
	}
	.boton_cotizar
	{
		margin: 0 auto;
		
	}
}

@media screen and (max-width: 400px)
{
	#lumo-inicio h1
	{
		font-size:40px;
	}
	.boton_cotizar
	{
		margin: 0 auto;
		margin-top:64px;
		font-size:18px;
	}

}