/* BARRIOTHEME > RESPONSIVE CSS  */

/* XS */

@media (max-width: 575px) {

	header::after {
		height: 600px;
	}
	.swiper {
		position: relative;
		margin-top: 15px;
		top: 0;
		right: 0;
		width: 100%;
		height: 500px;
		z-index: -1;
	}

	.logo {
		width: 100%;
	}

	h1 {
		font-size: 3rem;
	}

	p {
		font-size: 1.1rem;
	}

	.button {
		font-size: 1.1rem;
		text-align: center;
	}

	.lingua li { 
		font-size: 12px;
	}

	.caption {
		font-size: 12px;
		left: 10px;
		text-align: left;
	}

	footer .social svg {
		width: 25px;
		height: 25px;
	}

}

/* SM */

@media (min-width: 576px) and (max-width: 767px) {
	
	.swiper {
		position: relative;
		margin-top: 15px;
		top: 0;
		right: 0;
		width: 100%;
		height: 250px;
		z-index: -1;
	}

	.logo {
		width: 100%;
	}

	h1 {
		font-size: 3.2rem;
	}

	p {
		font-size: 1.2rem;
	}

	.button {
		font-size: 1.2rem;
		text-align: center;
	}

	footer .social svg {
		width: 25px;
		height: 25px;
	}

}

/* MD */

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

	.swiper {
		position: relative;
		margin-top: 15px;
		top: 0;
		right: 0;
		width: 100%;
		height: 700px;
		z-index: -1;
	}

	.logo {
		width: 100%;
	}

	h1 {
		font-size: 3.2rem;
	}

	p {
		font-size: 1.2rem;
	}

	.button {
		font-size: 1.2rem;
		text-align: center;
	}

	footer .social svg {
		width: 25px;
		height: 25px;
	}

	
}

/* LG */

@media (min-width: 992px) and (max-width: 1199px) {
	

	h1 {
		font-size: 3.2rem;
	}

	p {
		font-size: 1.2rem;
	}

	.button {
		font-size: 1.2rem;
		text-align: center;
	}

	footer .social svg {
		width: 25px;
		height: 25px;
	}

}