/*450*/
@media only screen and (min-width:450px) {
	/*estructura*/
	.marc {
		width: 90%;
		max-width: 1100px;
	}
	/*header*/
	.site-header h1 {
		font-size: 3.750rem;
		letter-spacing: 1px;
	}
}

/*680*/
@media only screen and (min-width:680px) {
	/*footer*/
	.site-footer {
		padding: 4rem 0 0 0;
		text-align: left;
		background-position: 95% center;
	}
		.site-footer .col-2 {
			width: 320px;
			float: left;
			padding: 1rem 1rem 4rem;
		}
		.site-footer .col-2 + .col-2 {margin: 0;}
		.impressum {
			padding: 1rem;
			background: #000;
		}
			.impressum ul:first-child {
				float: left;
			}
			.impressum ul + ul {
				float: right;
			}
				.impressum li {display: inline-block;}
				.impressum li + li::before {
					content: '| '
				}
	
	/*modals*/
	.container-modal {
		width: 100%;
		max-width: 680px;
		margin: 0 auto;
	}

}

/*768*/
@media only screen and (min-width:768px) {
	/*titulars*/
	.tit-1 {font-size: 2.5rem}
	
	/*slogan*/
	.slogan p {font-size: 2.5rem}
	
	
	/*cita*/
	.cita {
		padding: 8rem 2rem;
	}
		.cita li {
			font-size: 1.5rem;
			margin-bottom: 1.5rem;
		}
		.cita li:nth-child(1) {
			font-size: 2.5rem;
		}
			.cita li span {
				font-size: 1.9rem;
			}
	/*colofo*/
	.colofo {padding: 8rem 2rem;}
}

/*980*/
@media only screen and (min-width:980px) {
	/*estructura*/
	.wrapper {
		width: 100%;
		max-width: 1250px;
		margin: 0 auto;
	}
		.col-2 {
			width: 45%;
			float: left;
		}
		.col-2 + .col-2 {margin: 0 0 0 10%;}
		
	/*header*/
	.site-header {
		background: var(--groc) url(../img/centro-capilar-barcelona-bg-00.jpg) no-repeat center right;
	}
		.site-header .container {
			width: 50%;
			max-width: 630px;
		}
	/*intro*/
	.intro {
		padding: 10rem 2rem
	}
	/*centro capilar*/
	.centro-capilar .container {
		padding: 0 0 4rem 0;
		width: 100%;
		max-width: 880px;
	}
	/*video*/
	.video-item {
		width: 90%;
		max-width: 1200px;
	}
	/*cita*/
	.cita {margin-top: 20%}
	
	/*estructura*/
	.full-w-1 {
		background-size: auto 100%;
		background-position: left center;
		padding-top: 0;
	}
	.full-w-2 {
		background-size: auto 100%;
		background-position: right center;
		padding-top: 0;
	}
		.full-w-1 .container {
			padding: 4rem;
			margin: 0 auto;
			text-align: left;
			background: var(--blanc);
			width: 50%;
			float: right;	
		}	
		.full-w-2 .container {
			padding: 4rem;
			margin: 0 auto;
			text-align: left;
			background: var(--blanc);
			width: 50%;	
			float: left;
		}
	#mapa {height: 800px;}
}

/*1200*/
@media only screen and (min-width:1200px) {
	/*estructura*/
	.full-w-1 .container,
	.full-w-2 .container {
		padding: 10% 5%;
	}
	/*galeria*/
	.galeria .container img {
		max-width: none;
		width: 250px;
	}
	/*centro capilar*/
	.centro-capilar .container {
		padding: 0 2rem 10%;
	}
}