@media (min-width: 2565px)  {

	.vitrina h1 {font-size: 25px;}
	.vitrina h3 {font-size: 25px;}
	.foto {width: 20%;}
}
@media (min-width: 1024px) and (max-width: 2560px) {
	.separator {
	height: 400px;
	margin: 40px 0;}
	.vitrina h1 {font-size: 25px;}
	.vitrina h3 {font-size: 25px;}
	.foto {width: 20%;}
}
@media (min-width: 768px) and (max-width: 1024px) {
	.separator {
	height: 400px;
	margin: 40px 0;}
	.vitrina h1 {font-size: 20px;}
	.vitrina h3 {font-size: 20px;}
	.foto {width: 40%;}
}

@media (min-width: 480px) and (max-width: 768px) {
 .banner-text {padding-top: 30%;}
 .banner-text h1 {font-size: 20px;}
 .banner-text p {font-size: 18px;}
 .footer .footer-col {margin-bottom: 50px;}
 .separator {height: 500px;margin: 40px 0;}
 .vitrina h1 {font-size: 20px;}
 .vitrina h3 {font-size: 15px;}
}

@media screen and (max-width: 640px) {
 .banner-text {padding-top: 35%;}
  h1 {font-size: 15px;}
}
@media screen and (max-width: 480px) {
 .container {padding-right: 15px;}
 .banner-text {padding-top: 45%;}
 .banner-text h1 { font-size: 10px;}
 .item {width:70%;}
  h1 {font-size: 15px;}
.foto {max-width: 100%;}
}
@media screen and (max-width: 320px) {
  
 .banner-text {padding-top: 55%;}
 .vitrina h1 {font-size: 17px;}
 .vitrina h2 {font-size: 16px;}
 .vitrina h3 {font-size: 14px;}
}