@charset "UTF-8";
/* CSS Document */

.contenedor{
	width: 100%;
	max-width: 1024px;
	margin: auto;
	box-sizing: border-box;
	flex-wrap: wrap;
}

header{
	width: 100%;
	background-color: #000000;
	margin: 0px;
	}

.logo{
	text-align: right;
	padding: 10px;
}

.titulo{
	color: #FFF;
	padding-left: 35px;
}
      
.zd220img1contenedor{display: flex; 
	width: 100%;}

.primero{
	display: flex;
}

#textdescripcion{ padding-top: 30px;}

.caracteristicasi{ padding: 70px 20px 0px 40px;}

@media screen and (max-width: 800px) {
	.zd220img1contenedor{flex-wrap: wrap;
		justify-content: center;}
	
	.zd220img1contenedor .texto{ position: relative; top: -20px; text-align: center;}
	
	#caracteristicasi{ padding-left: 35px;}
}

@media screen and (max-width: 700px) {
	.suministros .primero{flex-wrap: wrap;
		justify-content: center;}
	.caracteristicasi{ padding: 30px 20px 20px 40px;}

}

@media screen and (max-width: 600px) {
	#left{ display: none;}

}

@media screen and (max-width: 400px) {
	#imp1, #imp2, #sumin{width: 100%; height: 100%;}
	#sumin{align-content: center;}
	h2{ font-size: 30px;}
	.texto{ font-size: 17px;}
	#caracteristicasi{ padding-right: 25px; padding-bottom: 30px; padding-top: 20px;}
	
}