input[type="submit"]{ -webkit-appearance: none; }
.button, input[type=submit].button{
	display: block;
	width: max-content;
	min-width: 180px;
	text-align: center;
	font-family: regularfont;
	cursor: pointer;
	margin: 16px 0;
	padding: 16px 28px;
	border-radius: 0px;
	border: none;

	box-shadow: inset 0 0 100vw 100vw rgba(0,0,0,0);

	-webkit-transition-duration: 	0.2s;
	-moz-transition-duration: 		0.2s;
	-ms-transition-duration: 			0.2s;
	-o-transition-duration: 			0.2s;
	transition-duration: 					0.2s;
}
.button:hover{
	box-shadow: inset 0 0 100vw 100vw rgba(255,255,255, 0.15);

	-webkit-transition-duration: 	0.2s;
	-moz-transition-duration: 		0.2s;
	-ms-transition-duration: 			0.2s;
	-o-transition-duration: 			0.2s;
	transition-duration: 					0.2s;
}
input[type=submit].button{
	font-size: 18px;
	font-family: headerfont;
	margin: auto;
}
.button.pink, input[type=submit].button.pink{
	color: #FEFEFE;
	background: #E95C78;
}

/*
.button.icon{
	font-family: headerfont2;
	color: #E95C78;
	border: solid 2px #E95C78;
	box-sizing: border-box;
	background: none;
	padding: 16px 28px;
}
.button.icon i{
	display: inline;
	width: 60px;
	height: 60px;
}
.button.icon i img{
	height: 100%;
}
.button.icon:hover i{

}
*/



/*
.button.icon{
  display: block;
	font-family: headerfont2;
	width: 140px;
	height: 60px;
	padding-right: 28px;
  border: solid 2px #E95C78;
	box-sizing: border-box;
  background: none;
  color: #E95C78;
	position: relative;
}

.button.icon img{
	position: absolute;
	float: right;
	height: 60px;
	margin-left: 32px;
	margin-right: -28px;
	margin-top: -18px;
	background: #E95C78;
}
*/
.button.icon{
	position: relative;
	height: 60px;
	line-height: 60px;
	font-family: headerfont2;
	border: solid 2px #E95C78;
	color: #E95C78;
	padding: 0;
	box-sizing: border-box;
  background: none;
}
.button.icon a{
	height: 60px;
	line-height: 60px;
	padding: 0 28px;
	display: inline-block;
	transform: translateY(-22px);
}
.button.icon img{
	height: 59px;
	line-height: 60px;
	margin-top: -2px;
}




#header-contact{
	width: 100%;
	text-align: right;
	color: #E95C78;
	margin-top: 0;
	-webkit-transition-duration: 	0.4s;
	-moz-transition-duration: 		0.4s;
	-ms-transition-duration: 			0.4s;
	-o-transition-duration: 			0.4s;
	transition-duration: 					0.4s;
}
#header-contact p{
	margin-bottom: 4px;
	margin-top: 36px;
	margin-left: 28px;
	color: #E95C78;

	display: inline-block;
}
#header-contact img{
	height: 28px;
	margin-left: 20px;
	margin-bottom: -4px;
}
@media screen and (max-width: 1200px){
	#header-contact{
		display: none;
	}
}
@media screen and (max-width: 920px){
	#header-contact p{
		width: 100%;
	}
}

.billboard{
	box-sizing: border-box;
	padding-top: 100px;
	width: 100%;
	height: 100%;
}
h1{
	font-family: headerfont2;
	font-size: 44px;
}
blocktext{
	background: #E95C78;
	color: #FAE1F0;
}
.billboard h1{
	width: 130%;
}
@media screen and (max-width: 767px){
	.billboard{
		text-align: center;
	}
	.billboard .inner-container{
		margin-top: -40px;
	}
	.billboard h1{
		width: 100%;
		font-size: 5.5vw;
	}
	.billboard h2{
		width: 100%;
		font-size: 3.5vw;
	}
	.billboard .button{
		margin: auto;
	}
	img.billboard-image{
		width: 80%;
	}
	.billboard-description{
		display: none;
	}
}
@media screen and (max-width: 520px){
	.billboard h1{
		width: 100%;
		font-size: 7vw;
	}
	.billboard h2{
		width: 100%;
		font-size: 5vw;
	}
	img.billboard-image{
		width: 100%;
	}
}

.billboard h2{
	font-size: 24px;
}
h2{
	font-family: headerfont2;
	font-size: 28px;
	margin-bottom: -16px;
}
h3{
	font-family: headerfont2;
	font-size: 20px;
	margin-bottom: 16px;
}
p{
	line-height: 28px;
}
li{
	/*color: #2D2D2D;*/
}


.billboard p{
	max-width: 100%;
}
.billboard-image{
	width: 110%;
}
.billboard .availability-link{
	transform: translateY(-22px);
}
.billboard .button.icon{
	margin-right: 12px;
}
.line-separator{
	width: 140px;
	height: 4px;
	margin: 12px 0;
}
@media screen and (max-width: 920px){
	.line-separator{
		width: 100%;
		margin: 12px 0;
	}
}
@media screen and (max-width: 1140px){
	.billboard .availability-link{
		transform: translateY(0);
		display: block;
	}
}
@media screen and (max-width: 767px){
	.billboard .availability-link{
		display: none !important;
	}
}


.content{
	width: 100%;
}
.content p{
	color: #555;
}
.content .inner-inner{
	width: 100%;
	margin: auto;
}


.services-section{
	width: 100%;
	padding-top: 120px;
	padding-bottom: 60px;
}
.services-description{
	width: 100%;
	text-align: center;
	margin-bottom: 80px;
}
.services-description p{
	max-width: 700px;
	margin: auto;
}


.services{
	text-align: center;
}
.service{
	width: 45%;
	min-width: 400px;
	display: inline-block;
}
.service .service-header{
	margin: 12px 0;
	text-align: left;
}
.service .title{
	width: 75%;
	text-align: left;
	display: inline-block;
	color: #E95C78;
}
.service .price{
	width: 20%;
	text-align: right;
	display: inline-block;
	float: right;
	color: #E95C78;
}
.service .service-desc{
	text-align: left;
}


.mobile-services-section{
	margin-top: 80px;
	margin-bottom: 80px;
	text-align: center;
	position: relative;
}
.mobile-services-section .flora{
	position: absolute;
	width: 300px;
	top: -180px;
	right: -40px;
}
@media screen and (max-width: 1120px){
	.mobile-services-section .flora{
		position: absolute;
		width: 300px;
		top: -180px;
		right: -40px;
	}
}

.mobile-services-section .inner-inner{
	padding: 20px;
}
.mobile-inner{
	padding: 40px;
}
.mobile-services-section .button{
	margin: 24px auto;
}
.mobile-services-section p{
	color: #555;
}

.mobile-services-section .car-image{
	width: 100%;
	text-align: center;
}
.mobile-services-section .car-image img{
	width: 130%;
	margin-left: -15%;
	margin-top: -80px;
	transform: translateY(120px);
}


.about-section{
	text-align: center;
}
.about-image{
	text-align: left;
	width: 80%;
	max-width: 360px;
}
.about-section-text{
	text-align: left;
}

.about-section .opening-hours, .about-section .contact-info{
	width: 46%;
}
.about-section .card{
	width: 100%;
	height: max-content;
	display: inline-block;
	text-align: left;
	padding: 36px 24px;
	min-height: 520px;
}
.card .left{
	width: max-content;
	text-align: left;
	display: inline-block;
	color: #E95C78;
}
.card .right{
	width: max-content;
	text-align: right;
	display: inline-block;
	float: right;
	color: #E95C78;
	overflow: visible;
}
.card .button{
	margin: auto;
}
.card h3{
	font-size: 24px;
	font-family: headerfont2;
}

@media screen and (max-width: 920px){
	.content .inner-inner{
		width: 100%;
	}
	.service{
		width: 100%;
		min-width: 0px;
		display: inline-block;
		margin: 20px auto;
	}
	.mobile-services-section .car-image img{
		width: 160%;
		margin-left: -30%;
		margin-top: -80px;
		transform: translateY(80px);
	}
	.about-section .opening-hours, .about-section .contact-info{
		width: 100%;
	}
	.mobile-services-section h1{
		font-size: 8vw;
	}
}
@media screen and (max-width: 767px){
	.about-image{
		text-align: center;
		width: 80%;
	}
	.about-section-text{
		text-align: center;
	}
	.about-section .card{
		width: 100%;
		min-width: 0;
	}
}


#testimonials{
	text-align: center;
}
.testimonials-outer{
	width: 100%;
	padding: 20px;
}
.testimonials-inner{
	width: 100%;
	position: relative;
}

.testimonial{
	display: inline;
	text-align: left;
	padding: 20px 60px;
	transition: 0.2s;
}
.test-image{
	width: 100%;
	border-radius: 1000px;
}
.testimonial-pencil{
	position: absolute;
	right: -100px;
	bottom: -80px;
	width: 160px;
}
.testimonial-pencil img{
	width: 100%;
}
@media screen and (max-width: 767px){
	.test-image{
		width: 50%;
		margin: auto;
	}
	.testimonial{
		text-align: center;
	}
}








/* Slideshow container */
.slideshow-container {
  position: relative;
}

/* Slides */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 60%;
  width: auto;
  margin-top: -30px;
  padding: 16px;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  position: absolute;
  right: 0;
  border-radius: 3px 0 0 3px;
}
.prev {
  position: absolute;
  left: 0;
  border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.1);
  color: white;
}

/* The dot/bullet/indicator container */
.dot-container {
  text-align: center;
  padding: 20px;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: rgba(0,0,0,0.4);
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.2s ease;
}

/* Add a background color to the active dot/circle */
.active, .dot:hover {
  background-color: #E95C78;
}

/* Add an italic font style to all quotes */
q {
	font-style: italic;
	color: #555;
}

/* Add a blue color to the author */
.author {color: cornflowerblue;}


















#contact{
	text-align: center;
}
#contact .row{
	text-align: left;
	width: 100%;
}
.footer-inner{
	min-width: 100%;
}
.footer-logo{
	max-width: 220px;
	width: 80%;
}
.footer-text{
	width: 100%;
}
.footer-section .card{
	margin-left: 20px;
}
@media screen and (max-width: 767px){
	#contact .row{
	}
	.footer-text-outer{
		text-align: center;
	}
	.footer-logo{
		max-width: 250px;
		width: 100%;
	}
	.footer-text{
		width: 100%;

	}
	.footer-section .card{
		margin-left: 0px;
	}
}



#footer{
	width: 100%;
	text-align: left;
}
#footer .footer-content{
	padding: 18px 0;
}
#footer a{
	font-family: headerfont !important;
}

@media screen and (max-width: 920px){
	#footer{
		text-align: center;
	}
}

@media screen and (max-width: 520px){

}