:root{
--bgcolor:#ffffff;
	--buttoncolor:#208CF8;
	--fontsize: 2.2em;
	--tabletfontsize: 2em;
	--widefontsize: 1.0em;
	
	--headerheight: 400px;
	--menu-font: Arial;
}
/* Hide scrollbar for Chrome, Safari and Opera */
*::-webkit-scrollbar {
    display: none;
}
html{
	overflow-x:hidden;
}

/*======================== under 400 px wide ======= */
*{
	margin: 0;
	padding: 0;
}
/*
div:hover{
	border: 3px solid blue;
}
*/


.content{
	display:none;
}
#pagediv{
	height: 200vh;
	width: 100vw;
	display: grid;
	grid-template-rows:var(--headerheight) 1fr;
	grid-template-columns:71px 1fr 71px;
}
#map{
	width: 100%;
	height: 50vh;
	background-color: lightgrey;
}
#header{
	grid-row: 1;
	grid-column: 2;
	display: grid;
	grid-template-rows: .5fr 1fr 1fr .75fr;
	grid-template-columns: 1fr 5fr 1fr;
	/*background-image:url(images/gradiant-top.png);*/
}
#headerimg{
	margin: auto;
}
#header-img-container{
	grid-row: 2;
	grid-column: 2;
	margin: auto;
	
}
#menu-container{
	width: 100%;
	grid-row: 1;
	grid-column: 2;
	margin: auto;
	display:grid;
	grid-template-rows: 1fr;
	/*background-color:red;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;*/
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.menu-item{
	font-family:var(--menu-font);
	margin:auto;
	cursor:pointer;
}
#menu-home    {grid-row:1;grid-column:2;}
/*#menu-services{grid-column:2;}
#menu-about   {grid-column:3;}*/
#menu-payment {grid-row:1;grid-column:3;}
#menu-contact {grid-row:1;grid-column:4;}
#menu-about {grid-row:1;grid-column:5}
#content-container{
	grid-row: 2;
	grid-column: 2;
}
#content-div{
	height:150vh;
}
.whitespace{
	height:15vh;
}
.container{
	display:grid;
	grid-template-rows: 1fr;
	grid-template-columns: 1fr 1.5fr 1.5fr 1fr;
}
#contact{
	font-family: Helvetica, Arial, Sans Serif;
	font-size: 1.2em;
	line-height: 2.5em;
}
.content-text-container{
	grid-row:1;
	grid-column:2;
	font-family: Helvetica, Arial, Sans Serif;
	font-size: 1.2em;
	line-height: 1.1em;
	margin-left: 10px;
}
.content-text-container span{
	font-family: Segoe UI, Times New Roman;
	font-size: 2em;
}
.content-img-container{
	/*width:30vw;*/
	grid-row:1;
	grid-column:3;
	margin-left: 10px;
}


#home-text-container2{
	grid-column:3;
}
#home-img-container2{
	grid-column:2;
}

#home-text-container4{
	grid-column:3;
}
#home-img-container4{
	grid-column:2;
}
#home-text-container6{
	grid-column:3;
}
#home-img-container6{
	grid-column:2;
}

#footer{
	grid-row:2;
	grid-column:1 /span 3;
	height: 15vh;
	/*background-image:url(images/gradiant-bottom.png);*/
	display:grid;
	grid-template-rows: 1fr 1fr 1fr;
	grid-template-columns: 20px 1fr 1fr 1fr 20px;
}

#footer-contact{
	grid-row:2;
	grid-column: 3;
	margin:auto;
	font-family:var(--menu-font);
}
#footer-copyright{
	grid-row:3;
	grid-column: 3;
	margin:auto;
	font-family:var(--menu-font);
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
#pagediv{
	height: 250vh;
	width: 100vw;
	display: grid;
	grid-template-rows:var(--headerheight) 1fr;
	grid-template-columns:10px 1fr 10px;
}
#header{
	grid-row: 1;
	grid-column: 2;
	display: grid;
	grid-template-rows: .3fr 1fr 1fr .75fr;
	grid-template-columns: 1fr;
	/*background-image:url(images/gradiant-top.png);*/
}
#header-img-container{
	grid-row: 2;
	grid-column: 1;
	margin: auto;
	overflow: hidden;
}

#menu-container{
	width: 100%;
	grid-row: 1;
	grid-column: 1;
	margin: auto;
	display:grid;
	grid-template-rows: 1fr;
	/*background-color:red;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;*/
	grid-template-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
}
.menu-item{
	font-family:var(--menu-font);
	margin:auto;
	cursor:pointer;
}
#menu-home    {grid-row:1;grid-column:1;}
/*#menu-services{grid-column:2;}
#menu-about   {grid-column:3;}*/
#menu-payment {grid-row:1;grid-column:3;}
#menu-contact {grid-row:1;grid-column:5;}
#menu-about {grid-row:1;grid-column:7}

#content-container{
	grid-row: 2;
	grid-column: 2;
}
#content-div{
	height:150vh;
}
.whitespace{
	height: 10px;
}
.container{
	display:grid;
	height:auto;
	grid-template-rows: 1fr 1fr;
	grid-template-columns:1px 1fr 1px;
}
#contact{
	font-family: Helvetica, Arial, Sans Serif;
	font-size: 1.2em;
	line-height: 2.5em;
}
.content-text-container{
	width: 300px;
	grid-row:1;
	grid-column:1 /span 2;
	height: auto;
	font-family: Helvetica, Arial, Sans Serif;
	font-size: 1.2em;
	line-height: 1.1em;
	margin:auto;
}
.content-text-container span{
	font-family: Segoe UI, Times New Roman;
	font-size: 2em;
}
.content-img-container{
	grid-row:2;
	grid-column:1;
	margin:auto;
}
.content-img{
	width:80vw;
}

#home-text-container2{
	grid-row:1;
	grid-column:2;
	height: auto;
	margin:auto;
}
#home-text-container4{
	grid-row:1;
	grid-column:2;
	height: auto;
	margin:auto;
}
.map{
	width: 80vw;
}
#footer{
	grid-row:2;
	grid-column:1 /span 3;
	height: 15vh;
	/*background-image:url(images/gradiant-bottom.png);*/
	display:grid;
	grid-template-rows: 1fr 1fr 1fr;
	grid-template-columns: 20px 1fr 1fr 1fr 20px;
}

#footer-contact{
	grid-row:2;
	grid-column: 3;
	margin:auto;
	font-family:var(--menu-font);
}
#footer-copyright{
	grid-row:3;
	grid-column: 3;
	margin:auto;
	font-family:var(--menu-font);
}
}