/* SECTION-1 */

#section-1 h1{
	font-size: 60px;
	color: #231f20;
}

#section-1 h1 .welcome-spn{
	font-size: 45px;
}

#section-1 h1 .location1-spn{
	font-size: 56px;
}

#section-1 h1 .location2-spn{
	font-size: 53px;
}

#section-1 .s2 img{
	width: 87%;
	border-radius: 40px;
}

#section-1 a{
	text-decoration: none;
	font-size: 18px;
	color: #231f20;
	margin-bottom: 10px;
}

#section-1 #get-date{
	width: fit-content;
	font-weight: bold;
	color: #231f20;
	border: solid 1px #231f20;
	border-radius: 15px;
	font-size: 24px;
	text-wrap-mode: nowrap;
	padding-left: 25px;
	padding-right: 25px;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4);
}

#section-1 #get-date:hover{
	background-color: #231f20;
	color: white;
}

#section-1 #get-date img{
	width: 40px;
}

#section-1 .logo{
	width: 500px;
}

#section-1 .link-instagram, #section-1 .location1-spn{
	color: #E9C664;
}

@media (max-width: 545px) {
	#section-1 h1 {
	    line-height: 45px;
	}

    #section-1 .logo{
		width: 360px;
	}

	#section-1 h1 .welcome-spn{
		font-size: 35px;
	}

	#section-1 h1 .location1-spn, #section-1 h1 .location2-spn{
		font-size: 43px;
	}

	#section-1 .s2{
		padding-left: 0;
		padding-right: 0;
	}

	#section-1 .s2 img{
		width: 100%;
	}
}

/* SECTION-2 */

#section-2{
	padding-top: 130px;
	padding-bottom: 130px;
	position: relative;
	color: white;
}

#section-2 .bc{
	position: absolute;
	top: 0;
	z-index: -1;
	background-image: url("../../../assets/images/peluquero-recorte-granada-zaidin.webp");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#section-2 .bc .bc-img{
	border-radius: 0px 0px 43px 0px;
}

#section-2 .bc .bc-yew{
	position: relative;
	background-color: #E9C664;
	border-radius: 43px 0px 0px 0px;
}

#section-2 .bc .bc-yew img{
	position: absolute;
	bottom: 0;
	right: 0;
}

#section-2 .data{
	color: black!important;
}

#section-2 .data a{
	color: black!important;
	text-decoration: none;
	margin-bottom: 10px;
	font-size: 18px;
}


#section-2 h2{
	font-size: 70px;
	font-weight: bold;
}

#section-2 .subt{
	color: #E9C664;
	font-weight: bold;
}

#section-2 form input[type=text], #section-2 form input[type=email], #section-2 form textarea{
	background-color: transparent!important;
}

#section-2 form input[type=submit]{
	background-color: #E9C664;
	font-weight: bold;
}

#section-2 form input[type=submit]:hover{
	background-color: white;
	color: black;
}

@media (max-width: 545px) {
	#section-2 h2{
		font-size: 43px;
	}
}

@media (max-width: 768px) {
	#section-2 .bc{
		background: none;
	}

	#section-2 .bc .bc-img{
		border-radius: 0px 0px 0px 0px;
		padding-top: 130px;
		padding-bottom: 130px;
	}

	#section-2 .bc-form-img{
		padding-top: 130px;
		padding-bottom: 130px;
	}

	#section-2 .data{
		background-color: #E9C664;
		padding-top: 130px;
		padding-bottom: 130px;
	}

	#section-2 .bc .bc-yew{
		border-radius: 0px 0px 0px 0px;
	}

	#section-2 .bc-form-img{
		background-image: url("../../../assets/images/peluquero-recorte-granada-zaidin.webp");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

	#section-2{
		padding-top: 0;
		padding-bottom: 0;
	}
}

@media (max-width: 1400px) {
	#section-2 .bc .bc-yew img{
		width: 500px;
	}
}

/* SECTION-3 */

#section-3{
	padding-top: 130px;
	padding-bottom: 130px;
	background: linear-gradient(to bottom, white 50%, #E9C664 50%);
}

#section-3 h2{
	font-size: 70px;
	font-weight: bold;
}

#section-3 h2 .subt{
	color: #E9C664;
}

#section-3 iframe{
	border-radius: 43px;
	border: solid 4px;
}

@media (max-width: 545px) {
	#section-3 h2{
		font-size: 43px;
	}
}