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


*{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;

}


body,html{
	
	max-width:1920px;
	min-width:320px;
	
}


h2{text-align: center;}
article { text-align: center; font-size: 1.5em;}

#infima{width: 100%;
	
		display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}



#info{
	width: 100%;}

#foto img{
	width: 100%;
display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;}





#compus{width: 100%;
	
	
		display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}



#imgcompu img{
	
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
	
}




#celulares{width: 100%;
	
		display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}



#imgcel img{
	
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
	
}
	
@media screen and (min-width:320px){
}

@media screen and (min-width:768px){

	
	
	#info{width: 30%}
	#foto{width: 50%;
	
} img{width: 50%;
	
	
	
}

	#infocompu{width: 30%}
	#imgcompu{width: 50}
	#infocel{width: 30%}
	#imgcel{width: 50}
	
@media screen and (min-width:1440px){
#info{width: 30%}
	#foto{width: 50%;
	}
	
	
	
	#infocompu{width: 30%}
	#imgcompu {width: 50%;}
	img{width: 50%;
	}
	
	#infocel{width: 30%}
	#imgcel {width: 50%;}
	img{width: 50%;
	}
	
	}}