@charset "UTF-8";
/* CSS Document */

html:before {
	content: "";
  	display: block;
  	position: fixed;
  	left: 0;
  	top: 0;
  	width: 100%;
  	height: 100%;
  	z-index: -20;
  	background: linear-gradient(
		 rgba(128,145,162,0.80), rgba(128,145,162,0.80)),
	url("../images/background-01.png") no-repeat center center;
	 -webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

h1 {
	text-align: center;
	color: rgba(236,241,246,1.00);
	border: 2px solid #73AD21;
	background-color: rgb(152,217,67); 
	padding: 5%;
}

body, h1, h2, h3, h4, h5, h6 {
	font-family: "Raleway", sans-serif;
}
body {
	font-size: 110%;
	}
a {
	color: rgb(152,217,54);	
}

.centerbox {
	margin: auto;
  	width: 80%;
	color: rgba(236,241,246,1.00);
	text-align: center;
}

.home-top {
	display: grid;
	grid-template-columns: 20% 20% 20% 20% 20%;
	position:fixed;
	left:0;
	top: 0;
	width: 100%;
	height: auto;
	background-color: rgba(66,66,66,0.9);
	z-index: 100;	
}


.home-top img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 40%;
}

.home-top a {
	margin: 10px;
}

.home-top-menu-01 {
	grid-row: 1 / span 1;
	grid-column: 1 / span 1;
	color: rgb(157,217,67);
	text-align: center;	
	display: flex;
  	align-items: center;
	vertical-align:bottom;
}	
.home-top-menu-02 {
	grid-row: 1 / span 1;
	grid-column: 2 / span 1;
	color: rgb(157,217,67);
	text-align: center;	
	display: flex;
  	align-items: center;
	vertical-align:bottom;
}	
.home-top-menu-03 {
	grid-row: 1 / span 1;
	grid-column: 3 / span 1;
	color: rgb(157,217,67);
	text-align: center;	
	display: flex;
  	align-items: center;
	vertical-align:bottom;
}	
.home-top-menu-04 {
	grid-row: 1 / span 1;
	grid-column: 4 / span 1;
	color: rgb(157,217,67);
	text-align: center;	
	display: flex;
  	align-items: center;
	vertical-align:bottom;
}	

.home-top-menu-05 {
	grid-row: 1 / span 1;
	grid-column: 5 / span 1;
	color: rgb(157,217,67);
	text-align: center;	
	display: flex;
  	align-items: center;
	vertical-align:bottom;
}	


.home-top-contact {
	grid-row: 2 / span 1;
	grid-column: 1 / span 5;
	color: rgba(236,241,246,1.00);
	text-align: center;	
	font-size: .7em;
}
.home-top-spacer {
	height: 100;
}


.home-grid-container {
	display: grid;
	grid-gap: 3%;
	grid-template-columns: 15% 15% 15% 15% 15% 15%  ;
	align-content: center;
	padding-left: 0;
	padding-right: 5%;
}


.home-grid-menu {
	height:500px;
}

@media not all and (min-resolution:.001dpcm) { 
    @media {
		.home-grid-menu {
			height:100px;
			}
    }
}


.home-grid-container img {
  display: block;
  margin-left: auto;
  margin-right: auto;
	max-width: 200px;
}


.home-grid-logo {
	grid-row: 2 / span 1;
	grid-column: 1 / span 6;
	
}
.home-grid-hero {
	grid-row: 3 / 3;
	grid-column: 1 / span 6;
	
}


.home-grid-facilities {
	grid-row: 4 / span 1;
	grid-column: 1 / span 6;
	text-align: center;	
	color: rgb(236,241,246);
	}



.home-grid-sitting-area {
	grid-row: 5 / span 1;
	grid-column: 1 / span 2;
	color: rgb(236,241,246);
	text-align: center;	
	vertical-align: bottom;
	object-fit: cover;
}
.home-grid-WSTV {
	grid-row: 5 / span 1;
	grid-column: 3 / span 2;
	color: rgb(236,241,246);
	text-align: center;	
	vertical-align: bottom;
	object-fit: cover;
}
.home-grid-wifi {
	grid-row: 5 / span 1;
	grid-column: 5 / span 2;
	color: rgb(236,241,246);
	text-align: center;	
	vertical-align: bottom;
	object-fit: cover;
}

.home-grid-prices {
	grid-row: 7 / span 1;
	grid-column: 1 / span 6;
	color: rgb(236,241,246);
	text-align: center;
}

.home-grid-prices-washing {
	grid-row: 8 / span 1;
	grid-column: 1 / span 6;
	color: rgb(236,241,246);
	text-align: center;
	border: 2px solid #73AD21;
}

.home-grid-prices-washing h3 {
	background: rgb(152,217,67);
	position:relative;
 	margin-top: 0;
	padding:3%}

.home-grid-prices-dryers h3 {
	background: rgb(152,217,67);
	position:relative;
 	margin-top: 0;
	padding:3%}

.home-grid-prices-washing p {
	text-align: center;	
}

.home-grid-prices.dryers p {
	text-align: center;
}

.home-grid-prices-washing ul {
  	list-style-type: none; /* Remove bullets */
}

.service-price {
	border-bottom: thin;
	border-bottom: 2px solid #73AD21;
	
}
.service-price p:nth-of-type(1) {
	font-size: 160%;
}
.service-price p:nth-of-type(2) {
	font-size: 140%;
}


.home-grid-prices-dryers {
	grid-row: 9 / span 1;
	grid-column: 1 / span 6;
	color: rgb(236,241,246);
	text-align: center;
	border: 2px solid #73AD21;
}

.home-grid-prices-dryers p{
	text-align: center;
}

.home-grid-prices-comments {
	grid-row: 10 / span 6;
	grid-column: 1 / span 3;
	color: rgb(236,241,246);
	text-align: left;
}

@media (min-width:900px) {

.home-grid-prices-washing {
	grid-row: 8 / span 1;
	grid-column: 1 / span 3;
	color: rgb(236,241,246);
	text-align: center;
	border: 2px solid #73AD21;
}
	
.home-grid-prices-dryers {
	grid-row: 8 / span 1;
	grid-column: 4 / span 3;
	color: rgb(236,241,246);
	text-align: center;
	border: 2px solid #73AD21;
}	
	
.home-grid-payment-methods {
	grid-row: 12 / span 1;
	grid-column: 1 / span 6;
	text-align: center;	
	color: rgb(236,241,246);
	}

.home-grid-payment-method-01 {
	grid-row: 13 / span 1;
	grid-column: 1 / span 2;
	display: flex;
  	align-items: center;
  	justify-content: center;
	text-align: center;	
	color: rgb(236,241,246);	
	object-fit: cover;
}

	
	
} 

.home-grid-payment-methods {
	grid-row: 10 / span 1;
	grid-column: 1 / span 6;
	text-align: center;	
	color: rgb(236,241,246);
	}

.home-grid-payment-method-01 {
	grid-row: 11 / span 1;
	grid-column: 1 / span 2;
	display: flex;
  	align-items: center;
  	justify-content: center;
	text-align: center;	
	color: rgb(236,241,246);	
	object-fit: cover;
}
.home-grid-payment-method-02 {
	grid-row: 11 / span 1;
	grid-column: 3 / span 2;
	display: flex;
  	align-items: center;
  	justify-content: center;
	text-align: center;	
	color: rgb(236,241,246);	
	object-fit: cover;
}
.home-grid-payment-method-03 {
	grid-row: 11 / span 1;
	grid-column: 5 / span 2;
	display: flex;
  	align-items: center;
  	justify-content: center;
	text-align: center;	
	color: rgb(236,241,246);	
	object-fit: cover;
}
.home-grid-payment-method-04 {
	grid-row: 12 / span 1;
	grid-column: 1 / span 2;
	text-align: center;	
	color: rgb(236,241,246);	
	object-fit: cover;
}
.home-grid-payment-method-05 {
	grid-row: 12 / span 1;
	grid-column: 3 / span 2;
	display: flex;
  align-items: center;
  justify-content: center;
	text-align: center;	
	color: rgb(236,241,246);	
	object-fit: cover;

}
.home-grid-payment-method-06 {
	grid-row: 12 / span 1;
	grid-column: 5 / span 2;
	text-align: center;	
	display: flex;
  	align-items: center;
  	justify-content: center;
	color: rgb(236,241,246);	
	object-fit: cover;
}


.home-grid-about-us {
/*
	grid-row: 12 / span 1;
	grid-column: 1 / span 6;
*/
	margin-top:700px;
	color: rgb(236,241,246);
	text-align: center;
}

.home-grid-about-us img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.home-grid-contact {
/*	grid-row: 18 / span 1;
	grid-column: 1 / span 6;*/
	color: rgb(236,241,246);
	text-align: center;	
}

.home-grid-map {
/*
	grid-row: 20 / span 1;
	grid-column: 1 / span 6;
*/
	clip-path: circle(160px at center);
	z-index: +11;
}

.home-grid-social-media {
/*
	grid-row: 19 / span 1;
	grid-column: 3 / span 2;
*/
	display: flex;
	flex-direction: row-reverse;
	color: rgb(157,217,67);
}

.home-grid-how-to-wash {
/*
	grid-row: 16 / span 1;
	grid-column: 1 / span 6;
*/
	margin-top: 100px;
	color: rgb(157,217,67);
	text-align: center;

}


.home-grid-footer {
/*
	grid-row: 21 / span 1;
	grid-column: 1 / span 6;
*/
	color: rgb(157,217,67);
	text-align: center;
}

.carousel {

  }

.carousel-cell {
  	width: 100%;
  height: auto;
	margin-right: 10px;
  border-radius: 5px;
  counter-increment: gallery-cell;
}

.carousel-cell img {
	
}

/* cell number */
.carousel-cell:before {
  display: block;
  text-align: center;
  content: counter(gallery-cell);
  line-height: 0px;
  font-size: 80px;
  color: white;
}

	
	
.carousel-cell-text {
position: absolute; 
font-size:6vw;
padding-top:15%;

}

.home-grid-logo img {
	width:40%;
	height:auto;
}