/* Desktop */ 
@media only screen and (min-width: 769px) {
	section .container {
		max-width: 90%;
	}

	#beauty_slide {
		position: relative;
		height: 100vh;
	}

	#beauty_slide_bg {
		width: 100%;
		height: 100%;
		background: rgb(212, 55, 100);
		background: -moz-linear-gradient(45deg, rgba(212, 55, 100, 1) 0%, rgba(212, 55, 100, 1) 30%, rgba(255, 156, 1, 1) 60%, rgba(255, 156, 1, 1) 100%);
		background: -webkit-linear-gradient(45deg, rgba(212, 55, 100, 1) 0%, rgba(212, 55, 100, 1) 30%, rgba(255, 156, 1, 1) 60%, rgba(255, 156, 1, 1) 100%);
		background: linear-gradient(45deg, rgba(212, 55, 100, 1) 0%, rgba(212, 55, 100, 1) 30%, rgba(255, 156, 1, 1) 60%, rgba(255, 156, 1, 1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d43764", endColorstr="#ff9c01", GradientType=1);
	}

	#beauty_slide .beauty_logo {
		position: absolute;
		bottom: 100px;
		left: 100px;
		max-width: 30%;
		z-index: 3;
	}

	#beauty_slide .slide.full {
		display: none;
	}

	@media only screen and (max-width: 1299px) {
		#beauty_slide {
			height: auto;
		}

		#beauty_slide .slide,
		#beauty_slide .beauty_logo {
			display: none;
		}

		#beauty_slide .slide.full {
			display: block;
		}
	}

	#beauty_slide .slide.top {
		position: absolute;
		bottom: 0;
		z-index: 0;
	}

	#beauty_slide .slide.middle {
		position: absolute;
		bottom: 0;
		z-index: 1;
	}

	#beauty_slide .slide.bottom {
		position: absolute;
		bottom: 0;
		z-index: 2;
	}

	section .title {
		font-family: 'gill-sans-nova', sans-serif;
		font-size: 34px;
		line-height: 1.3;
	}

	section .description {
		font-family: 'gill-sans-nova', sans-serif;
		font-size: 22px;
		line-height: 1.2;
		margin: 30px auto;
	}

	#celebs {
		position: relative;
		height: 100vh;
		padding-top: 60px;
		background-color: #FFD5E1;
		color: #DA3967;
	}

	#celebs::before {
		content: '';
		background-image: url("/wp-content/uploads/2024/07/celebs_bg.webp");
		background-repeat: no-repeat;
		background-position: left top;
		background-size: auto;
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 4;
	}

	#celebs::after {
		content: '';
		background-image: url("/wp-content/uploads/2024/07/celebs_bg2.webp");
		background-repeat: no-repeat;
		background-position: right bottom;
		background-size: auto;
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 3;
	}

	#celebs .container {
		display: flex;
		align-items: center;
		height: 80vh;
	}

	@media only screen and (max-width: 1399px) {
		#celebs .celebrities {
			height: 80vh;
			align-items: end;
		}
	}

	@media only screen and (max-width: 1199px) {
		#celebs .celebrities {
			height: 60vh;
			align-items: end;
		}

		#celebs::before {
			background-size: contain;
		}
	}

	#celebs .celebrities {
		height: 60vh;
		align-items: end;
	}

	#celebs .celebrities .person {
		display: inline-block;
	}

	@media only screen and (min-width: 1200px) {
		#celebs .celebrities .person.menegaki {
			position: relative;
			right: -280px;
			z-index: 2;
		}

		#celebs .celebrities .person.kainourgiou {
			position: relative;
			right: -220px;
			z-index: 3;
		}

		#celebs .celebrities .person.skorda {
			position: relative;
			right: -140px;
			z-index: 1;
		}

		#celebs .celebrities .person.tsimtsili {
			position: relative;
			left: -20px;
			z-index: 0;
		}
	}

	@media only screen and (max-width: 1199px) {
		#celebs .celebrities .person.menegaki {
			position: relative;
			right: -60px;
			z-index: 2;
		}

		#celebs .celebrities .person.kainourgiou {
			position: relative;
			right: -40px;
			z-index: 3;
		}

		#celebs .celebrities .person.skorda {
			position: relative;
			right: -20px;
			z-index: 1;
		}

		#celebs .celebrities .person.tsimtsili {
			position: relative;
			left: -10px;
			z-index: 0;
		}
	}

	#celebs .text {
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		z-index: 5;
	}

	.btn-celeb {
		font-family: 'gill-sans-nova', sans-serif;
		font-weight: 700;
		font-size: 22px;
		border: 4px solid #FFD5E1;
		color: #EB0B39;
		background-color: #fff;
		border-radius: 50px;
		padding: 10px 40px;
		position: relative;
	}

	.btn-celeb:hover,
	.btn-celeb:focus,
	.btn-celeb:active,
	.btn-celeb {
		border: 4px solid #FFD5E1 !important;
		color: #EB0B39 !important;
		background-color: #fff;
	}

	.btn-celeb::after {
		content: url("/wp-content/uploads/2024/07/celeb_line.webp");
		position: absolute;
		right: -400px;
		top: -20px;
		width: 400px;
		height: 95px;
		pointer-events: none;
	}

	#makigiaz {
		position: relative;
		height: 100vh;
		padding-top: 60px;
		background-color: #FFF;
		color: #CE2A81;
	}

	#makigiaz::after {
		content: '';
		background-image: url("/wp-content/uploads/2024/07/makigiaz_bg.webp");
		background-position: top right;
		background-repeat: no-repeat;
		background-size: contain;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
		opacity: 1;
	}

	.btn-makigiaz {
		font-family: 'gill-sans-nova', sans-serif;
		font-weight: 700;
		font-size: 22px;
		border: 4px solid #FE9D00;
		color: #FF779E;
		background-color: #fff;
		border-radius: 50px;
		padding: 10px 40px;
		position: relative;
	}

	.btn-makigiaz:hover,
	.btn-makigiaz:focus,
	.btn-makigiaz:active,
	.btn-makigiaz {
		border: 4px solid #FE9D00 !important;
		color: #FF779E !important;
		background-color: #fff;
	}

	#makigiaz .text {
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		z-index: 2;
	}

	#makigiaz .photo {
		display: flex;
		align-items: center;
		height: 90vh;
	}

	#makigiaz .photo img {
		position: relative;
		left: -80px;
	}

	#makigiaz .description {
		margin: 60px auto;
	}

	#hairlooks {
		position: relative;
		height: 100vh;
		padding-top: 60px;
		background-color: #FFF;
		color: #E43807;
	}

	#hairlooks::after {
		content: '';
		background-image: url("/wp-content/uploads/2024/07/hairlooks_bg.webp");
		background-position: top left;
		background-repeat: no-repeat;
		background-size: contain;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
		opacity: 1;
	}

	#hairlooks .text {
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		z-index: 2;
	}

	.btn-hairlooks {
		font-family: 'gill-sans-nova', sans-serif;
		font-weight: 700;
		font-size: 22px;
		border: 4px solid #DA3967;
		color: #FE9D00;
		background-color: #fff;
		border-radius: 50px;
		padding: 10px 40px;
		position: relative;
	}

	.btn-hairlooks:hover,
	.btn-hairlooks:focus,
	.btn-hairlooks:active,
	.btn-hairlooks {
		border: 4px solid #DA3967 !important;
		color: #FE9D00 !important;
		background-color: #fff !important;
	}

	#manicure {
		position: relative;
		height: 100%;
		padding-top: 60px;
		background-color: #FFF;
		color: #FFF;
	}

	#manicure::after {
		content: '';
		background-image: url("/wp-content/uploads/2024/07/manicure_bg.webp");
		background-position: top right;
		background-repeat: no-repeat;
		background-size: contain;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
	}

	#manicure::before {
		content: '';
		background-image: url("/wp-content/uploads/2024/07/manicure_graphic.webp");
		background-position: top left;
		background-repeat: no-repeat;
		background-size: auto;
		width: 300px;
		height: 100%;
		position: absolute;
		left: -100px;
		top: 0;
		z-index: 1;
	}

	#manicure .text {
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		z-index: 2;
	}

	#manicure .description {
		margin: 60px auto;
	}

	.btn-manicure {
		font-family: 'gill-sans-nova', sans-serif;
		font-weight: 700;
		font-size: 22px;
		border: 4px solid #F4AD98;
		color: #DA3967;
		background-color: #fff;
		border-radius: 50px;
		padding: 10px 40px;
		position: relative;
	}

	.btn-manicure:hover,
	.btn-manicure:focus,
	.btn-manicure:active,
	.btn-manicure {
		border: 4px solid #F4AD98 !important;
		color: #DA3967 !important;
		background-color: #fff !important;
	}

	.btn-manicure::after {
		content: url("/wp-content/uploads/2024/07/manicure_line.webp");
		position: absolute;
		right: -344px;
		top: -20px;
		width: 400px;
		height: 95px;
		pointer-events: none;
	}

	#guide {
		position: relative;
		height: 100vh;
		padding-top: 60px;
		background-color: #FFF;
		color: #E43807;
	}

	#guide::after {
		content: '';
		background-image: url("/wp-content/uploads/2024/07/guide_bg.webp");
		background-position: top left;
		background-repeat: no-repeat;
		background-size: contain;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
	}

	#guide .text {
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		z-index: 2;
	}

	#guide .description {
		margin: 60px auto;
	}

	.btn-guide {
		font-family: 'gill-sans-nova', sans-serif;
		font-weight: 700;
		font-size: 22px;
		border: 4px solid #CE2A81;
		color: #FFAC8F;
		background-color: #fff;
		border-radius: 50px;
		padding: 10px 40px;
		position: relative;
	}

	.btn-guide:hover,
	.btn-guide:focus,
	.btn-guide:active,
	.btn-guide {
		border: 4px solid #CE2A81 !important;
		color: #FFAC8F !important;
		background-color: #fff !important;
	}
}

/* Mobile */

@media only screen and (max-width: 768px) {
	#beauty_slide {
		position: relative;
		height: 70vh;
		background-color: #DA3967;
		overflow: hidden;
	}
	@media only screen and (max-height: 700px) and (max-width: 400px) {
		#beauty_slide {
			height: 90vh;
		}
	}
	#beauty_slide .description {
		position: relative;
		font-family: 'proxima-nova', sans-serif;
		font-weight: 700;
		font-size: 22px;
		color: #fff;
		text-align: center;
		padding: 20px;
		top: 60px;
	}
	#beauty_slide_bg_mob {
		width: 100%;
		background-color: #DA3967;
	}
	#beauty_slide .beauty_logo {
		position: relative;
		z-index: 3;
		width: 80%;
		margin: 0 auto;
		top: 60px;
	}
	#beauty_slide .slide.top {
		position: absolute;
		top: 47px;
		width: 150%;
		left:-30%;
		z-index: 0;
	}

	#beauty_slide .slide.middle {
		position: absolute;
		top: 47px;
		width: 150%;
		left:-30%;
		z-index: 1;
	}
	#beauty_slide .slide.bottom {
		position: absolute;
		top: 47px;
		width: 150%;
		left:-30%;
		z-index: 2;
	}
	section .photo {
		margin-bottom: 20px;
	}
	section .title {
		font-family: 'gill-sans-nova', sans-serif;
		font-size: 28px;
		line-height: 1.1;
		text-align: center;
	}
	section .description {
		font-family: 'gill-sans-nova', sans-serif;
		font-size: 22px;
		line-height: 1.2;
		margin: 30px auto;
		text-align: center;
	}
	#celebs {
		min-height: 80vh;
		background: rgb(218,57,103);
		background: -moz-linear-gradient(180deg, rgba(218,57,103,1) 0%, rgba(250,209,220,1) 30%, rgba(255,213,225,1) 100%);
		background: -webkit-linear-gradient(180deg, rgba(218,57,103,1) 0%, rgba(250,209,220,1) 30%, rgba(255,213,225,1) 100%);
		background: linear-gradient(180deg, rgba(218,57,103,1) 0%, rgba(250,209,220,1) 30%, rgba(255,213,225,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#da3967",endColorstr="#ffd5e1",GradientType=1);
		position: relative;
		top: -1px;
	}
	#celebs .text {
		position: relative;
		color: #DA3967;
	}
	#celebs .text::before {
		content: '';
		position: absolute;
		top: -40px;
		left: 0;
		width: 100%;
		height: 200px;
		background-image: url("/wp-content/uploads/2024/07/celebs_bg.webp");
		background-position: top center;
		background-repeat: no-repeat;
	}
	#celebs .title {
		position: relative;
		z-index: 3;
	}
	.btn-celeb {
		font-family: 'gill-sans-nova', sans-serif;
		font-weight: 700;
		font-size: 18px;
		border: 4px solid #FF779E;
		color: #FF779E;
		background-color: #fff;
		border-radius: 50px;
		padding: 10px 30px;
		position: relative;
	}

	.btn-celeb:hover,
	.btn-celeb:focus,
	.btn-celeb:active,
	.btn-celeb {
		border: 4px solid #FF779E !important;
		color: #FF779E !important;
		background-color: #fff;
	}


	#makigiaz {
		color: #DA3967;
		padding-top: 50px;
		background: rgb(255,255,255);
		background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 93%, rgba(255,233,239,1) 97%, rgba(255,213,225,1) 100%);
		background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 93%, rgba(255,233,239,1) 97%, rgba(255,213,225,1) 100%);
		background: linear-gradient(0deg, rgba(255,255,255,1) 93%, rgba(255,233,239,1) 97%, rgba(255,213,225,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffd5e1",GradientType=1);
		position: relative;
		top: -1px;
	}
	#hairlooks {
		color: #E43807;
		background-image: url("/wp-content/uploads/2024/07/hairlooks_bg.webp");
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
	}
	#manicure {
		color: #DA3967;
		background-image: url("/wp-content/uploads/2024/07/manicure_bg-mob.webp");
		background-repeat: no-repeat;
		background-position: bottom center;
		background-size: auto;
	}
	#manicure .description {
		padding-bottom: 70px;
	}
	#guide {
		color: #E43807;
		background-image: url("/wp-content/uploads/2024/07/guide_bg.webp");
		background-repeat: no-repeat;
		background-position: top center;
		background-size: auto;
	}

	.btn-makigiaz {
		font-family: 'gill-sans-nova', sans-serif;
		font-weight: 700;
		font-size: 18px;
		border: 4px solid #DA3967;
		color: #DA3967;
		background-color: #fff;
		border-radius: 50px;
		padding: 10px 30px;
		position: relative;
	}

	.btn-makigiaz:hover,
	.btn-makigiaz:focus,
	.btn-makigiaz:active,
	.btn-makigiaz {
		border: 4px solid #DA3967 !important;
		color: #DA3967 !important;
		background-color: #fff;
	}
	.btn-hairlooks {
		font-family: 'gill-sans-nova', sans-serif;
		font-weight: 700;
		font-size: 18px;
		border: 4px solid #E43807;
		color: #E43807;
		background-color: #fff;
		border-radius: 50px;
		padding: 10px 30px;
		position: relative;
	}

	.btn-hairlooks:hover,
	.btn-hairlooks:focus,
	.btn-hairlooks:active,
	.btn-hairlooks {
		border: 4px solid #E43807 !important;
		color: #E43807 !important;
		background-color: #fff !important;
	}
	.btn-manicure {
		font-family: 'gill-sans-nova', sans-serif;
		font-weight: 700;
		font-size: 18px;
		border: 4px solid #F4AD98;
		color: #DA3967;
		background-color: #fff;
		border-radius: 50px;
		padding: 10px 30px;
		position: relative;
	}

	.btn-manicure:hover,
	.btn-manicure:focus,
	.btn-manicure:active,
	.btn-manicure {
		border: 4px solid #FFD5E1 !important;
		color: #DA3967 !important;
		background-color: #fff !important;
	}
	.btn-guide {
		font-family: 'gill-sans-nova', sans-serif;
		font-weight: 700;
		font-size: 18px;
		border: 4px solid #E43807;
		color: #E43807;
		background-color: #fff;
		border-radius: 50px;
		padding: 10px 30px;
		position: relative;
	}

	.btn-guide:hover,
	.btn-guide:focus,
	.btn-guide:active,
	.btn-guide {
		border: 4px solid #E43807 !important;
		color: #E43807 !important;
		background-color: #fff !important;
	}
}