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

}


 
 

/* =======================================================================*/

/* 1180
 
=========================================================================*/
@media screen and (max-width:1380px){
	
	
	
	/* HEADER */
	#header{
		position: relative;
	}
	header.tit h2{
		font-size: 4.6rem
	}


	/* SECTION */

	/* superior */
	.superior img.img-secom{
		max-height: 600px;
		left: 30px
	}
	.superior .row{
		margin-top: 0
	}

	/* LOGO */
	#logo img{
		max-height: 60px
	}

	/* FORM */
	.cont-form{
		width: 700px;
		top: 220px
	}

	.form-contacto h4{
		font-size: 2rem
	}


	/* FOOTER */
	#footer{
		position: relative;
	}



}








/* =======================================================================*/

/* 1024
 
=========================================================================*/
@media screen and (max-width: 1024px){
	
		/* BOTONES */
		.btn-informate{
			font-size: 2rem;
			margin-top: 30px
		}


	 
		/* HEADER */
		#header{ 
			padding: 1rem 0 2rem 0
		}

		header.tit h2{
			font-size: 4rem
		}
		

		/* SECTION */ 

		/* superior */
		.superior img.img-secom{
			max-height: 450px; 
		}


		/* FORM */
		.cont-form{
			width: 700px;
			top: 180px
		}
    	.form-contacto{
    		padding: 3rem 9rem 2rem 2rem;
    	}
    	.form-contacto input, .form-contacto textarea{
    		padding: 10px
    	}

		.form-contacto h4{
			font-size: 1.8rem
		}
		.form-contacto span{
			font-size: 1.3rem
		}







}		











/* =======================================================================*/

/* 920
 
=========================================================================*/
@media screen and (max-width: 920px){
	

	/* BOTONES */
	.btn-informate{
		margin-top: 240px;
		font-size: 2rem
	}


	/* SECTION */

	/* superior */
	.superior img.img-secom{
		max-height: 380px
	}


	/* FORM */
	.cont-form{
		width: 480px;
	}


	.form-contacto{
		width: 100%;
		max-width: 100%;
		padding: 2rem 2rem 11rem 2rem
	}

	.img.pc{display: none}
	.img.movil{display: block;}

	.cont-form .img{
		width: 100%;
		height: 200px;
		left: 0;
		right: 0;
		bottom: -100px;
		top: auto;
		margin: 0;
		background-image: url(https://www.secom.com.uy/promo/img/banner-600-x-300-promo-irresistible.jpg);
	}
	
 
}







/* =======================================================================*/

/* 820
 
=========================================================================*/
@media screen and (max-width: 820px){
	

	/* SECTION */

	/* superior */
	.superior img.img-secom{
		max-height: 360px
	}

	/* FORM */
	.cont-form{
		width: 400px;
	}


}














/* =======================================================================*/

/* 760
 
=========================================================================*/
@media screen and (max-width: 760px){
	

	/* BOTONES */
	.btn-informate{
		margin-top: 190px
	}



	/* HEADER */
	#header{
		padding: 1rem 0
	}
	header.tit h2{
		top: 30px;
		font-size: 3.8rem
	}



	
	/* SECTION */

	/* superior */
	.superior img.img-secom{
		position: absolute;
		top: 0;
		right: 30px;
		left: auto !important;
		max-height: 280px;
		top: -40px
	}



	/* FORM */
	.cont-form{
		position: relative;
		width: 100%;
		left: 0;
		top: 230px
	}



 
}













/* =======================================================================*/

/* 680
 
=========================================================================*/
@media screen and (max-width: 680px){

	/* HEADER */

	header.tit h2{
		font-size: 3rem
	}
	
	
}






/* =======================================================================*/

/* 580
 
=========================================================================*/
@media screen and (max-width: 580px){



	/* BOTONES */
	.btn-informate{
		margin-top: 20px;
		font-size: 1.7rem;
		padding-right: 1rem;
		padding-left: 60px
	}
	.btn-informate:before{
		position: absolute;
		height: 100%;
		background-position: center;
		left: 20px
	}



	/* HEADER */
	.superior header.tit{
		position: relative;
		left: 0
	}
	
	header.tit{
		margin-bottom: 5rem
	}
	header.tit h2{
		font-size: 2.8rem;
		top: 10px
	}




	/* SECTION */
	.inferior{
		padding-top: 10rem
	}

	.superior img.img-secom{
		display: inline-block;;
		margin: auto;
		top: -50px;
		max-height: 200px
	}


	/* FOOTER */
	#footer img{
		max-height: 50px
	}



	/* LOGO */
	#logo img{
		max-height: 50px
	}
	

	/* FORM */
	.cont-form{
		top: 0
	}

	



    
}





/* =======================================================================*/

/* 480
 
=========================================================================*/
@media screen and (max-width: 480px){



	/* CONT */
	.cont{
		padding: 0 1rem
	}



	/* BOTONES */
	.btn-informate{
		padding-top: 2rem;
		padding-bottom: 2rem;
	}



	/* HEADER */
	header.tit{
		margin-bottom: 3.5rem
	}

	header.tit h2{
		font-size: 1.8rem;
		line-height: 1.2
	}
	header.tit h2 br{
		display: block
	}
	


	/* SECTION */
	.superior img.img-secom{
		right: 1rem;
		max-height: 160px
	}

	

	/* LOGO */
	#logo img{
		max-height: 45px
	}
	



	/* FORM */
	.form-contacto h4{
		margin-bottom: 1.5rem
	}
	.form-contacto span{
		font-size: 1.1rem
	}




}