/* CSS Document */
*{
	box-sizing:border-box;
	padding:0;
	margin:0;
	font-family:'coachBody';
}


#partHead{
	position:relative; 
	display: grid;
	width:99.5vw; 
	background:#FFF; 
	height:18vh;
	z-index:5;	
}
#reservationBarAll, .fasilHotelGray{
	width: 99.5vw;
	overflow-x: hidden;
}
.fasilHotelGray{
	display: grid;
	box-sizing:border-box; 
	left:0; 
	top:0vh; 
	height:18vh;
	background-color:#522417;
	margin-left: 0.1vw;
}
.fasilHotelGrayTitle{
	position:relative;  
	font-weight:bold;
	margin-top: 0vh;
	font-size: 0.8em;
}
.fasilHotelGrayTitle{
	left: 8vw;
	text-indent:0em;
	display: grid;
	grid-template:3vh/80.5vw;
}
.fasilHotelGrayTitle article:nth-child(1), .fasilHotelGrayTitle article:nth-child(2){
	display: grid;
	grid-column:auto;
	color: #FFF;
	font-size:0.9em;
	
}
.fasilHotelGrayTitle article:nth-child(1){grid-row:1; margin-left: 10vw;}
.fasilHotelGrayTitle article:nth-child(2){grid-row:2;}
.fasilHotelGrayTitle article:nth-child(3){display: none;}

 #logoArea{
	 display:grid;
	 left:1vw; 
	 top:-18vh;
	 grid-template:18vh/63vw 20vw;
	 z-index:3;
}
		#logoInside{
			display: grid;
			height:18vh; 
			width:27vw;
			background-color:#522417; 
			text-align:center; 
			color:#976E40;
			grid-template:12vh 6vh/27vw 20vw;
		}
		#logoInside span:nth-child(1)
		{
			display: grid;
			grid-column:1;
			grid-row:1;
		}
		#logoInside span:nth-child(2)
		{
			display: grid;
			grid-column:1;
			grid-row:2;
			font-size: 1.2em;
			color: #FFF;
			margin-top:-2vh;
			margin-left: 5vw;
		}
		#logoInside img{
			height:10vh; 
			width:30vw;
		}
		#logoInside #mobileMenuList{
			display:grid;
			grid-column:2;
			left:0;
			margin-top:9vh;
			margin-left: 57vw;
			font-size:1.2em;
			font-weight:bold;
			color:#fff;
			padding-top:-2em;
			text-align:center;
			line-height:0.5;
			border:none;
			z-index:20;
		}
#mainMenu:checked ~ #logoArea>.topLink{
	display:grid;
}

		 #logoArea .topLink{
			 display:none;
			 grid-column:2;
			 grid-row:1;
			 grid-auto-flow:row;
			 min-width:34vw;
			 max-width:34vw;
			 font-weight:bold; 
			 margin-top:15vh;
			 height: 37vh;
			 grid-template:5vh 5vh 5vh 5vh 5vh/32vw;
			 background-color: #522417;
			 grid-row-gap:3vh;
		}

		.topLink article{
			display: grid;
			grid-column:2;
			grid-row:auto;
			font-size: 1.5em;
			justify-content: flex-start;
			margin-left: -42vw;
			text-indent: 0vw;
			border-bottom:#FBD383 medium solid;
			width: 34vw;
		}
#reservationBarAll{
	position: relative !important;
	top: 0.2vh;
	margin-top: 0vh;
	left:0vw; 
	height:25vh; 
	grid-template:5vh/90vw;
	z-index: 2;
	margin-left: 0.1vw;
}
		#reservationBarAll>form{
			display: grid;
			grid-column:1;
			grid-row:1;
			margin-left: 0vw;
			grid-template:8vh 8vh 8vh/50vw 40vw;
		}
		#reservationBarAll>form>div{
			display: none;
			grid-column:auto;
			grid-row:1;
			justify-self:center;
			height:8vh;
		}
		#reservationBarAll>form #orangeAreaFirstCol{
			margin-left: 0vw;
			grid-template:5vh/35vw 10vw;
			justify-self:flex-start;
			align-self:flex-start;
			border-right: none;
		}
 		#reservationBarAll>form #orangeAreaFirstCol img, #reservationBarAll>form #orangeAreaSecondCol img{
			margin-left:0vw; 
			margin-top:2vh; 
			width: 12vw;
			height: 8vh;
		}
		 #reservationBarAll>form #checkDate{
			 grid-column:2;
			 margin-left: 0vw;
			 margin-top: -2vh;
		}
		.textAreaPos1{
			display: grid;
		}	
		.textAreaStyle{
			background-color:#731400; 
			color:#FFF; 
			font-size:1em; 
			text-align:center; 
			border:none; 
			height:7vh; 
			width:35vw;
			margin-top:2vh; 
		}
		#reservationBarAll>form #orangeAreaSecondCol{
			margin-left: 2vw;
			grid-template:5vh/35vw 15vw;
			justify-self:flex-start;
			align-self:flex-end;
			border-right:none;
		}

		 #reservationBarAll>form #checkOutDate{
			 display: grid;
			 grid-column:2;
			 margin-left: -7vw;
			 margin-top: 0vh;
		}
		#reservationBarAll>form #orangeAreaThirdCol{
			display: grid;
			grid-column:1/span 2;
			grid-row:2;
			margin-left: 2vw;
			grid-template:5vh/50vw;
			justify-self:center;
			align-self:flex-end;
		}
			 #orangeAreaThirdCol a{ 
				 width:55vw; 
				 height:6vh;
				 margin-top: 2vh;
				 text-align:center; 
				 padding-top: 1.5vh;
				 font-weight:bold; 
				 font-size: 1.5em;
				 border:#FFFFFF thin solid; 
			   } 

		#reservationBarAll>form #orangeAreaFourthCol{
			grid-column:1/span 2;
			grid-row:3;
			margin-left: 0vw;
			grid-template:7vh/45vw 40vw;
			justify-self:flex-end;
			align-self:flex-end;
			grid-column-gap:1vw;
		}
			#reservationBarAll>form #orangeAreaFourthCol>b{
	 			font-size:1.6em; 
			}

#homeAnimArea{
	margin-top: -21.5vh;
	grid-template:69vh 10vh/auto;
}
#aboutAnimArea{
	display: grid;
	grid-row:2;
	grid-template:15.5vh auto/90vw;
	left: 0.1vw;
}
#aboutAnimArea #reservationBarAll{
	display: grid;
	grid-row:1;
	grid-column:1;
	top: 0.1vh;
}
#mainAreaAbout{
		position:relative;
		display: grid;
	    grid-column:1;
		grid-row:2;
		width:75vw; 
		height:78vh; 
		top:10vh; 
		left:1vw;
		z-index: 2;
	}
		#mainAreaAbout img{
			position:absolute; 
			left:0px; 
			margin-top: 0vh;
			width:97vw; 
			height:47vh; 
		 }	
  
			#mainAreaAbout #aboutTitleOnPic{
				z-index: 3;
				font-size: 3em;
				margin-top: 19vh;
				margin-left: 2vw;
			}
			#aboutDetails{
				display: grid;
				grid-template:42vh 7vh 12vh 12vh/95vw;
				margin-left:1vw; 
				top:1vh; 
				width:95vw;
				margin-top: -20vh;
				}
			#aboutDetails img{
				display: grid;
				grid-column:1;
				grid-row:1;
				width:98vw; 
				height:35vh; 
				top:0vh;
				}
			#aboutDetails span{
				display: grid;
				grid-column:1;
				grid-row:4;
				font-size: 1em;
				color:#766b67;
			}	
			#aboutDetails #aboutTitle{
				display: grid;
				grid-column:1;
				grid-row:3;
				top:0em; 
				font-size:1.5em;
				color:#766b67;
				text-align: center;

			}
			#aboutDetails #pictitle2{
				display: grid;
				grid-column:1;
				grid-row:2;
				margin-top: -5vh;
				text-align: center;
				font-size:1.6em;
				color:#766b67;

			}
			#aboutContent{ font-size:1em;} 

			#picturesOnAbout{
				grid-template:10vh/95vw;
				margin-left:1vw; 
				margin-top: 1vh;
				width:90vw; 
				}
			#picturesOnAbout img{
				display: grid;
				grid-column:1;
				grid-row:1;
				width:95vw; 
				height:35vh; 
				top:0em;
				}

	#mainAreaHome, #homeAnimArea #mainAreaHome{
		display: grid;
	    grid-column:1;
		grid-row:1;
		width:99vw; 
		height:58vh;
		top:22vh; 
		left:15vw;
	}
		#homeAnimArea #mainAreaHome{
			left:1vw;	
		}
		#mainAreaHome img, #homeAnimArea #mainAreaHome img{
			width:84vw; 
			height:50vh; 
		}
			#homeAnimArea #mainAreaHome img{
				width:98vw; 
			}

		#homeAnimBoxes{
			display: grid;
			grid-column:1;
			grid-row:1;
			margin-top: 26vh;
			grid-template:auto/auto;
			grid-row-gap:0.2vh;
		}
		#homeAnimBoxes div{
			width:0vw; 
			height:9.5vh; 
			margin-left: 1vw;
			margin-top: 3vh;
			grid-template:10vh/10vw 15vw;
		}
			#homeAnimBoxes div:nth-child(2){
				display: none;
				margin-top: 0vh;
			}
			#homeAnimBoxes div:nth-child(3){
				display: grid;
				grid-column:2;
				grid-row:1;
				margin-top: 1vh;
			}
			#homeAnimBoxes div:nth-child(1){
				display: grid;
				grid-column:1;
				grid-row:1;
				margin-top: 1vh;
			}
		#homeAnimBoxes div>span{
			display: none;
			text-align: center;
			font-size:0.51em;
			padding-top: -3vh;
		}
		#homeAnimBoxes div>img{
			height:5.5vh; 
			width:27.7vw; 
			left:10.2vw; 
			margin-top:33.2vh;
		}
		#mainText{ 
			width:98vw; 
			height:6vh; 
			font-size:1em;
			margin-top: -24vh;
			margin-left: -14.5vw;
		}

#homeRooms{
	display: grid;
	grid-column:auto;
	grid-row:auto;
	margin-top: -10vh;
	grid-template:auto/auto;
	grid-row-gap:1vh;
	grid-auto-rows:50vh;
	height:auto;
}
	#homeRooms #middleTopLeft, #homeRooms #middleLowerLeft{
		margin-left: 1vw;
		margin-top: -22vh;
		grid-template:30vh 30vh/98vw;
		grid-column-gap:1vw; 
		grid-row-gap:4vh;
	}
	#homeRooms #middleTopLeft>article, #homeRooms #middleLowerLeft>article{
		width:98vw; 
		height:30vh;
		grid-template:40vh/30vw 68vw;
	}
		#homeRooms #middleLowerLeft>article{
			margin-top: 17vh;
		}
	#middleTopLeft>article span, #middleLowerLeft>article span{
		height: 20vh;
		width: 27vw;
		border-bottom:#FBD383 thick solid;
		padding-top: 5vh;
		font-size:1.7em;
	}
		#middleTopLeft>article span>a, #middleLowerLeft>article span>a{
			text-decoration: none;
			color: #FFF;
			z-index: 5;
		}
#middleTopLeft>article:nth-child(2) span>a{
	font-size: 0.7em;
	
}
	#middleTopLeft>article img, #middleLowerLeft>article img{
		width: 67vw;
		height: 30vh;
		z-index: 1;
	}

		#homeRooms #middleTopSuite{
				display: grid;
				margin-left: 1vw;
				margin-top: 7vh;
				grid-template:40vh/98vw;
				grid-column-gap:1vw; 
		}
		#homeRooms #middleTopSuite>article{
		width:98vw; 
		height:30vh;
		grid-template:40vh/30vw 68vw;
			overflow: hidden;
		}
	#middleTopSuite>article span{
		height: 20vh;
		width: 27vw;
		border-bottom:#FBD383 thick solid;
		padding-top: 5vh;
		font-size:1.7em;
	}
		#middleTopSuite>article span>a{
			text-decoration: none;
			color: #FFF;
		}
	#middleTopSuite>article img{
		width: 127vw;
		height: 30vh;
		z-index: 1;
	}

/* family room */
		#homeRooms #middleTopFamily{
				display: grid;
				margin-left: 1vw;
				margin-top: -6vh;
				grid-template:40vh/98vw;
				grid-column-gap:1vw; 
		}
		#homeRooms #middleTopFamily>article{
		width:98vw; 
		height:30vh;
		grid-template:40vh/30vw 68vw;
			overflow: hidden;
		}
	#middleTopFamily>article span{
		height: 20vh;
		width: 27vw;
		border-bottom:#FBD383 thick solid;
		padding-top: 5vh;
		font-size:1.7em;
	}
		#middleTopFamily>article span>a{
			text-decoration: none;
			color: #FFF;
		}
	#middleTopFamily>article img{
		width: 70vw;
		height: 30vh;
		z-index: 1;
	}
/* end of family room */

#homeLongSections{
	margin-top: 20vh;
	grid-template:33vh 33vh 33vh 33vh/auto;
	grid-row-gap:1vh;
}

	#homeLongSections #restaurantBar, #homeLongSections #meetingEvent, #homeLongSections #managementServices, #homeLongSections #about, #homeLongSections #nature{
		margin-left: 1vw;
		margin-top: -6vh;
		grid-template:30vh/98vw;
		grid-column-gap:1vw; 
	}
	#homeLongSections #restaurantBar>article, #homeLongSections #meetingEvent>article, #homeLongSections #managementServices>article, #homeLongSections #about>article, #homeLongSections #nature>article{
		background-color:#512316;
		width:98vw; 
		height:30vh;
		grid-template:40vh/30vw 69vw;	
	}
	#restaurantBar>article span, #meetingEvent>article span, #managementServices>article span, #about>article span, #nature>article span{
		height: 20vh;
		width: 25vw;
		border-bottom:#FBD383 thick solid;
		padding-top: 5vh;
		font-size: 1.7em;
		z-index: 5;
	}
#nature>article span{
	font-size: 1.5em;
}
		#managementServices>article span, #restaurantBar>article span{
			font-size: 1.2em;
			z-index: 5;
		}

	#restaurantBar>article img, #meetingEvent>article img, #managementServices>article img, #about>article img, #nature>article img{
		width: 67vw;
		height: 30vh;
		z-index: 1;
}

.footerClass{
	display:grid;
	width:99vw; 
	height:auto; 
	left:0px; 
	margin-top:10vh; 
	overflow:hidden;
	color:#FFFFFF; 
	background-color:#512316; 
	text-align:center;
	grid-template:auto auto/50vw 30vw;
	}

		.footerClass article:nth-child(1){
			display: none;
		}
		.footerClass article:nth-child(2){
			grid-column:1;
			grid-row:1;
			font-size: 0.8em;
		}
		.footerClass article:nth-child(3){
			display: none;
		}
		.footerClass article:nth-child(4){
			grid-column:1;
			grid-row:1;
			margin-top: 20vh;
			font-size: 0.8em;
			margin-top:25vh;
		}
	
		#facebook{
			grid-column:2;
			grid-row:1;
			margin-left: 15vw;
			margin-top: 0vh;
		}
		.footerClass article:nth-child(4)>span>a>img{
			width: 20vw;
			height: 10vh;
			margin-top: 3vh;
		}
		.footerClass article:nth-child(5){
			grid-column:2;
			grid-row:1/span 2;
		}

		.footerClass article{
			grid-template:5vh 20vh/auto;
		}
		.footerClass article>span{
			align-self:flex-start;
			height: 3vh;
			font-size:1.2em;
		}
        .footerClass article>span>a{
            color:#fff;
        }
		.footerClass article>div{
			display: grid;
			width: 30vw;
			height: auto;
		}
#aboutFooter{
	margin-top: -25vh;
}
#mainAreaRoom{
	position: absolute;
	display: grid;
	width:98vw; 
	height:50vh;
  	top:42vh; 
	left:1vw;
	grid-template:40vh 30vh/90vw;
	grid-row-gap:1vh;
	}
#mainAreaRoom img{
	display: grid;
	grid-column:1;
	grid-row:1;
	left:0px;
	width:98vw; 
	height:40vh;
	z-index: 1;
}

/* new suite room */
#middleTopLeftNewInRoom{
	margin-top:42vh; 
	height:31.5vh;
	grid-template:31.5vh auto/97vw;
	width:97vw; 
	box-shadow:2px 3px 8px #000;
	margin-left:2vw;
}


	#middleTopLeftNewInRoom>div{
		display: grid;
		grid-template:14vh 16vh/30.5vw 40vw;
		height: 40vh;
		width: 97vw;
		overflow-x: hidden;
	}


		#middleTopLeftNewInRoom div>h3{
			display:grid;
			grid-column:1;
			grid-row:1;
			align-self: flex-end;
			width:27vw; 
			height:14vh;
			margin-left: 2vw;
			z-index: 5;
		}
		#middleTopLeftNewInRoom div>h3>a{
			text-align:center; 
			font-size:1em;
			padding-top: 5vh;
		}
		#middleTopLeftNewInRoom div>img:nth-child(2){
			grid-column:2;
			grid-row:1/span 2;
			width: 64.7vw;
			height: 31.5vh;
			z-index: 1;
		}

		#middleTopLeftNewInRoom div>a>img{
			width: 7.7vw;
			height: 6.5vh;
			margin-top: -15vh;
			margin-left: 85vw;
		}
		#middleTopLeftNewInRoom span{
			grid-column:1;
			grid-row:2;

		}
		#middleTopLeftNewInRoom div>span>a{
			grid-column:1;
			grid-row:2;
			margin-left: 4vw;
		}
/* end of new suite room */

/* family room */
#middleTopLeftFamilyRoom{
	margin-top:8vh; 
	height:31.5vh;
	grid-template:31.5vh auto/97vw;
	width:97vw; 
	box-shadow:2px 3px 8px #000;
	margin-left:2vw;
}


	#middleTopLeftFamilyRoom>div{
		display: grid;
		grid-template:14vh 16vh/30.5vw 40vw;
		height: 40vh;
		width: 97vw;
		overflow-x: hidden;
	}


		#middleTopLeftFamilyRoom div>h3{
			display:grid;
			grid-column:1;
			grid-row:1;
			align-self: flex-end;
			width:27vw; 
			height:14vh;
			margin-left: 2vw;
			z-index: 5;
		}
		#middleTopLeftFamilyRoom div>h3>a{
			text-align:center; 
			font-size:1em;
			padding-top: 5vh;
		}
		#middleTopLeftFamilyRoom div>img:nth-child(2){
			grid-column:2;
			grid-row:1/span 2;
			width: 64.7vw;
			height: 31.5vh;
			z-index: 1;
		}

		#middleTopLeftFamilyRoom div>a>img{
			width: 7.7vw;
			height: 6.5vh;
			margin-top: -15vh;
			margin-left: 85vw;
		}
		#middleTopLeftFamilyRoom span{
			grid-column:1;
			grid-row:2;

		}
		#middleTopLeftFamilyRoom div>span>a{
			grid-column:1;
			grid-row:2;
			margin-left: 4vw;
		}
/* end of family room */

#middleTopLeftInRoom{
	margin-top:8vh; 
	height:31.5vh;
	grid-template:31.5vh auto/97vw;
	width:97vw; 
	box-shadow:2px 3px 8px #000;
	margin-left:2vw;
}


	#middleTopLeftInRoom>div{
		display: grid;
		grid-template:14vh 16vh/30.5vw 40vw;
		height: 40vh;
		width: 97vw;
		overflow-x: hidden;
	}


		#middleTopLeftInRoom div>h3{
			display:grid;
			grid-column:1;
			grid-row:1;
			align-self: flex-end;
			width:27vw; 
			height:14vh;
			margin-left: 2vw;
			z-index: 5;
		}
		#middleTopLeftInRoom div>h3>a{
			text-align:center; 
			font-size:1em;
			padding-top: 5vh;
		}
		#middleTopLeftInRoom div>img:nth-child(2){
			grid-column:2;
			grid-row:1/span 2;
			width: 64.7vw;
			height: 31.5vh;
			z-index: 1;
		}

		#middleTopLeftInRoom div>a>img{
			width: 7.7vw;
			height: 6.5vh;
			margin-top: -15vh;
			margin-left: 85vw;
		}
		#middleTopLeftInRoom span{
			grid-column:1;
			grid-row:2;

		}
		#middleTopLeftInRoom div>span>a{
			grid-column:1;
			grid-row:2;
			margin-left: 4vw;
		}


#middleTopRightInRoom, #middleLowerLeftInRoom, #middleLowerRightInRoom{
	display: grid;
	margin-top:8vh; 
	height:31.5vh;
	grid-template:31.5vh auto/97vw;
	width:97vw; 
	margin-left: 2vw;
	z-index: 2;
}

#middleTopRightInRoom>div, #middleLowerLeftInRoom>div, #middleLowerRightInRoom>div{
	display: grid;
	grid-template:14vh 16vh/30.5vw 40vw;
	height: 40vh;
	z-index: 2;
	overflow-x: hidden;
}

#middleTopRightInRoom div>h3, #middleLowerLeftInRoom div>h3, #middleLowerRightInRoom div>h3{
	display:grid;
	grid-column:1;
	grid-row:1;
	align-self: flex-end;
	width:27vw; 
	height:14vh;
	margin-left: 2vw;
	border-bottom:#FBD383 medium solid;
	z-index: 5;
}
	#middleTopRightInRoom div>h3>a, #middleLowerLeftInRoom div>h3>a, #middleLowerRightInRoom div>h3>a{
		display: grid;
		text-align:center; 
		color:#FFFFFF; 
		text-decoration:none;
		font-size:1em;
		font-weight: normal;
		padding-top: 5vh;
	}
	#middleTopRightInRoom div>img:nth-child(2), #middleLowerLeftInRoom div>img:nth-child(2), #middleLowerRightInRoom div>img:nth-child(2){
		display:grid;
		grid-column:2;
		grid-row:1/span 2;
		width: 64.7vw;
		height: 31.5vh;
		margin-top: 0vh;
		z-index: 1;
	}

	#middleTopRightInRoom div>a>img, #middleLowerLeftInRoom div>a>img, #middleLowerRightInRoom div>a>img{
		display:grid;
		grid-column:2;
		grid-row:1/span 2;
		width: 7.7vw;
		height: 6.5vh;
		margin-top: -15vh;
		margin-left: 75vw;
		left: 10vw;
	}
	#middleTopRightInRoom span, #middleLowerLeftInRoom span, #middleLowerRightInRoom span{
		display:grid;
		grid-column:1;
		grid-row:2;
		
	}
	#middleTopRightInRoom div>span>a, #middleLowerLeftInRoom div>span>a, #middleLowerRightInRoom div>span>a{
		display: grid;
		grid-column:1;
		grid-row:2;
		margin-left: 4vw;
	}

#middleTopLeftInRoom #suiteRoom{
	display:none;
	width:97vw; 
    text-align:justify;
	grid-template:auto/24vw 30vw 30vw;
	grid-column-gap:15vw;
	overflow-x: hidden;
}
#middleTopLeftNewInRoom #suiteNewRoom{
	display:none;
	width:97vw; 
    text-align:justify;
	grid-template:auto/24vw 30vw 30vw;
	grid-column-gap:15vw;
	overflow-x: hidden;
}
#middleTopLeftFamilyRoom #familyRoom{
	display:none;
	width:97vw; 
    text-align:justify;
	grid-template:auto/24vw 30vw 30vw;
	grid-column-gap:15vw;
	overflow-x: hidden;
}
#middleTopRightInRoom #deluxRoom, #middleLowerLeftInRoom #singleRoom, #middleLowerRightInRoom #twinRoom{
	display:none;
	width:97vw; 
	grid-template:auto/24vw 30vw 30vw;
	grid-column-gap:15vw;
	z-index: 1;
	overflow-x: hidden;
}
#deluxRoom a{color:#E24100;}

#middleTopLeftInRoom #restaurantPlace, #middleTopRightInRoom #cafe{
	width:97vw;
	grid-template:auto/34vw 30vw 30vw;
	grid-column-gap:3vw;
	z-index: 2;
}

		#suiteRoom #bookNow, #deluxRoom #bookNow, #singleRoom #bookNow, #twinRoom #bookNow, #restaurantPlace #bookNow, #cafe #bookNow, #suiteNewRoom #bookNow, #familyRoom #bookNow{
			grid-column:1;
			grid-row:1;
			width: 24vw;
			height: 22vh;
			font-size: 0.8em;
		}
		#restaurantPlace #bookNow, #cafe #bookNow{
			height: 20vh;
		}
			#bookNow>section #bookLink{
				display: grid;
				text-decoration: none;
				font-size: 1.7em;
				margin-top: 3vh;
				margin-left: 4vw;
			}
		#suiteRoom #aboutSuiteRoomMain, #deluxRoom #aboutDeluxRoomMain, #singleRoom #aboutSingleRoomMain, #twinRoom #aboutTwinRoomMain,#restaurantPlace  #aboutSingleRoom, #cafe  #aboutSingleRoom, #suiteNewRoom #aboutNewSuiteRoomMain, #familyRoom #aboutFamilyRoomMain{
			display: grid;
			grid-column:2/span 3;
			grid-row:1;
			width: 66.5vw;
			height: 31vh;
			font-size: 1em;
			margin-left: -12vw;
		}
		#suiteRoom #aboutSuiteRoom, #deluxRoom #aboutDeluxRoom, #singleRoom #aboutSingleRoom, #twinRoom #aboutTwinRoom, #suiteNewRoom #aboutSuiteRoom, #familyRoom #aboutFamilyRoom{
			display: grid;
			grid-column:1/span 2;
			grid-row:2;
			width: 85.5vw;
			height: 8vh;
			font-size: 1em;
			border-bottom:#000 thin solid;
			margin-left: 2vw;
			padding-top: 4vh;
			padding-left: 4vw;
		}
			#suiteRoom #accessability, #deluxRoom #accessability, #singleRoom #accessability, #twinRoom #accessability, #suiteNewRoom #accessability, #familyRoom #accessability{
				grid-column:1;
				grid-row:3;
				width: 32.5vw;
				height: auto;
				font-size: 1em;
				margin-left: 2vw;
			}
				#suiteRoom #accessability>section, #suiteRoom #hospitality>section, #deluxRoom #accessability>section, #deluxRoom #hospitality>section, #singleRoom #accessability>section, #singleRoom #hospitality>section, #twinRoom #accessability>section, #twinRoom #hospitality>section, #suiteNewRoom #accessability>section, #suiteNewRoom #hospitality>section, #familyRoom #accessability>section, #familyRoom #hospitality>section{
					font-weight:800; 
					font-size:0.65em;
					padding-top: 2vh;
				}

			#suiteRoom #hospitality, #deluxRoom #hospitality, #singleRoom #hospitality, #twinRoom #hospitality, #suiteNewRoom #hospitality, #familyRoom #hospitality{
				display: grid;
				grid-column:2;
				grid-row:3;
				width: 32.5vw;
				height: auto;
				font-size: 1em;
				margin-left: 2vw;
			}

		#suiteRoom #aboutSuiteRoom2, #deluxRoom #aboutDeluxRoom2, #singleRoom #aboutSingleRoom2, #twinRoom #aboutTwinRoom2, #suiteNewRoom #aboutNewSuiteRoom2, #familyRoom #aboutFamilyRoom2{
			display: grid;
			grid-column:1/span 3;
			grid-row:4;
			width: 90vw;
			height: 9vh;
			font-size: 1.2em;
			border-bottom:#000 thin solid;
			margin-left: 2vw;
			padding-top: 5vh;
			padding-left: 4vw;
		}
			#suiteRoom #bedding, #deluxRoom #beddingDelux, #singleRoom #beddingSingle, #twinRoom #beddingTwin, #suiteNewRoom #beddingNewSuite, #familyRoom #beddingFamily{
				display: grid;
				grid-column:1;
				grid-row:5;
				width: 32.5vw;
				height: auto;
				font-size: 0.7em;
				margin-left: 2vw;
			}
				#suiteRoom #bedding>section, #suiteRoom #furnishing>section, #suiteRoom #foodBev>section, #suiteRoom #bathRooms>section, #deluxRoom #beddingDelux>section, #deluxRoom #furnishingDelux>section, #deluxRoom #bathDelux>section, #deluxRoom #foodDelux>section, #singleRoom #beddingSingle>section, #singleRoom #furnishingSingle>section, #singleRoom #foodSingle>section, #singleRoom #singleBath>section, #twinRoom #beddingTwin>section, #twinRoom #furnishingTwin>section, #twinRoom #foodTwin>section, #twinRoom #bathTwin>section, #suiteNewRoom #beddingNewSuite>section, #suiteNewRoom #furnishing>section, #suiteNewRoom #foodBev>section, #suiteNewRoom #bathRooms>section, #familyRoom #beddingFamily>section, #familyRoom #furnishingFamily>section, #familyRoom #foodBev>section, #familyRoom #bathFamily>section{
					color:#512316; 
					font-weight:800; 
					font-size:0.65em;
					padding-top: 2vh;
				}

			#suiteRoom #furnishing, #deluxRoom #furnishingDelux, #singleRoom #furnishingSingle, #twinRoom #furnishingTwin, #suiteNewRoom #furnishing{
				display: grid;
				grid-column:2;
				grid-row:5;
				width: 32.5vw;
				height: auto;
				font-size: 1.1em;
				margin-left: 2vw;
			}
			#suiteRoom #foodBev, #deluxRoom #foodDelux, #singleRoom #foodSingle, #twinRoom #foodTwin, #suiteNewRoom #foodBev, #familyRoom #foodBev{
				display: grid;
				grid-column:1;
				grid-row:6;
				width: 52.5vw;
				height: auto;
				font-size: 1em;
				margin-left: 1vw;
			}

			#suiteRoom #bathRooms, #deluxRoom #bathDelux, #singleRoom #singleBath,  #twinRoom #bathTwin, #suiteNewRoom #bathRooms, #familyRoom #bathFamily{
				display: grid;
				grid-column:2;
				grid-row:6;
				width: 32.5vw;
				height: auto;
				font-size: 1.1em;
				margin-left: 15vw;
			}


		#suiteRoom #aboutSuiteRoom3, #deluxRoom #aboutDeluxRoom3, #singleRoom #aboutSingleRoom3, #twinRoom #aboutTwinRoom3, #suiteNewRoom #aboutNewSuiteRoom3, #familyRoom #aboutFamilyRoom3{
			display: grid;
			grid-column:1/span 3;
			grid-row:7;
			width: 90.5vw;
			height: 10vh;
			font-size: 1.2em;
			border-bottom:#000 thin solid;
			margin-left: 2vw;
			padding-top: 5vh;
			padding-left: 4vw;
		}
			#suiteRoom #internet, #deluxRoom #internet, #singleRoom #internet, #twinRoom #internet, #restaurantPlace #internet, #cafe #internet, #familyRoom #internet{
				display: grid;
				grid-column:1;
				grid-row:8;
				width: 32.5vw;
				height: auto;
				font-size: 1.1em;
				margin-left: 2vw;
			}
			#restaurantPlace #internet, #cafe #internet{
				display: grid;
				grid-column:1;
				grid-row:3;
				width: 32.5vw;
				height: auto;
				font-size: 1.1em;
				margin-left: 2vw;
			}
				#suiteRoom #internet>section, #suiteRoom #entertainment>section, #suiteRoom #foodBev>section, #suiteRoom #channel>section, #deluxRoom #internet>section, #deluxRoom #entertainment>section, #deluxRoom #channel>section, #singleRoom #internet>section, #singleRoom #entertainment>section, #singleRoom #channel>section, #twinRoom #internet>section, #twinRoom #entertainment>section, #twinRoom #channel>section, #restaurantPlace #internet>section, #cafe #internet>section, #suiteNewRoom #internet>section, #suiteNewRoom #entertainment>section, #suiteNewRoom #foodBev>section, #suiteNewRoom #channel>section, #familyRoom #internet>section, #familyRoom #entertainment>section, #familyRoom #foodBev>section, #familyRoom #channel>section{
					color:#512316; 
					font-weight:800; 
					font-size:0.65em;
					padding-top: 5vh;
				}

			#suiteRoom #entertainment, #deluxRoom #entertainment, #singleRoom #entertainment, #twinRoom #entertainment, #suiteNewRoom #entertainment, #familyRoom #entertainment{
				display: grid;
				grid-column:2;
				grid-row:8;
				width: 42.5vw;
				height: auto;
				font-size: 1em;
				margin-left: 2vw;
			}
			#suiteRoom #channel, #deluxRoom #channel, #singleRoom #channel, #twinRoom #channel, #suiteNewRoom #channel, #familyRoom #channel{
				display: grid;
				grid-column:3;
				grid-row:8;
				width: 52.5vw;
				height: auto;
				font-size: 0.7em;
				margin-left: -4vw;
			}
		#suiteRoom #closesmallTitle, #deluxRoom #smallTitleDeluxClose, #singleRoom #singleDetailClose, #twinRoom #twinDetailClose, #suiteNewRoom #closesmallTitle, #familyRoom #closesmallFamilyTitle{
			display: grid;
			grid-column:1/span 3;
			grid-row:10;
			width: 45.5vw;
			height: 5vh;
			font-size: 1.2em;
			margin-left: 0vw;
			padding-top: 5vh;
		}

	.details a, .detailsFirstCol a{
		font-size:0.8em;
		color:#E24100 !important;
		text-decoration: none;
		}

/* CSS Document */
#reservationPage{
	grid-template:auto/97vw;
	margin-left: 1vw;
	margin-top: -6vh;
	grid-column-gap:0vw;
}
	#reservationPage #reservationDate{
		grid-column:1;
		grid-row:1;
		grid-template:5vh 4vh 7vh/50vw 40vw;
		max-width: 97vw;
	}
	#reservationDate>article:nth-child(1){
		grid-column:1/span 2;
		grid-row:1;
		text-align: center;
	}
	#reservationDate>article:nth-child(2){
		grid-column:1;
		grid-row:2;
		font-size: 0.61em;
	}
	#reservationDate>article:nth-child(3){
		grid-column:1;
		grid-row:3;
		grid-template:4vh/25vw 10vw;
	}
	#reservationDate>article:nth-child(4){
		grid-column:2;
		grid-row:2;
		font-size: 0.61em;
	}
	#reservationDate>article:nth-child(5){
		grid-column:2;
		grid-row:3;
		grid-template:4vh/25vw 10vw;
	}
	#reservationDate>article:nth-child(3)>img, #reservationDate>article:nth-child(5)>img{
		width: 8vw;
	}

	#reservationPage #roomSelection{
		grid-column:1;
		grid-row:2;
		grid-template:5vh 4vh 4vh 4vh 4vh 5vh 6vh/22vw 25vw 15vw;
		max-width: 97vw;
	}
	#reservationPage #roomSelection{
		grid-column:1;
		grid-row:2;
		grid-template:5vh 4vh 4vh 4vh 4vh 4vh 5vh 6vh/22vw 25vw 15vw;
		max-width: 97vw;
	}
	#roomSelection>article:nth-child(1){
		grid-column:1/span 3;
		grid-row:1;
		text-align: center;
		width: 90vw;
	}
	#roomSelection>article:nth-child(2), #roomSelection>article:nth-child(3), #roomSelection>article:nth-child(4), #roomSelection>article:nth-child(5), #roomSelection>article:nth-child(6), #roomSelection>article:nth-child(7){
		grid-column:1/span 3;
		grid-template:3vh/12vw 18vw 15vw auto auto;
		width: 90vw;
		white-space: nowrap;
	}

	 #roomSelection>article:nth-child(8){
			width: auto;
		 font-size: 0.8em;
		}

	#roomSelection>article:nth-child(2)>select, #roomSelection>article:nth-child(3)>select, #roomSelection>article:nth-child(4)>select, #roomSelection>article:nth-child(5)>select, #roomSelection>article:nth-child(6)>select, #roomSelection>article:nth-child(7)>select{
		width: 13vw;
	}

	#roomSelection>article:nth-child(2)>span:nth-child(5), #roomSelection>article:nth-child(3)>span:nth-child(5), #roomSelection>article:nth-child(4)>span:nth-child(5), #roomSelection>article:nth-child(5)>span:nth-child(5), #roomSelection>article:nth-child(6)>span:nth-child(5), #roomSelection>article:nth-child(7)>span:nth-child(5){
		width: 14vw;
	}

	#reservationPage #genderSelection{
		grid-column:1;
		grid-row:3;
		grid-template:7vh/45vw 15vw;
		background-color: #FFF;
		max-width: 97vw; 
	}
		#genderSelection>article{
			display: grid;
			grid-column:auto;
			grid-row:1;
			margin-left:2vw;
			grid-template:3vh/19vw 13vw;
			grid-row-gap:1vh;
			align-self: center;
		}

	#reservationPage #personalInformation{
		display: grid;
		grid-column:1;
		grid-row:4;
		grid-template:45vh 37vh 65.5vh/97vw;
		max-width: 97vw;
	}
		#personalInformation #nameInputSec{
			display: grid;
			grid-column:1;
			grid-row:1;
			grid-template:7vh 53vh 5vh/90vw;
			border-bottom:#CCC thin solid;
		}
		#nameInputSec #secondColTitle{
			grid-column:1;
			grid-row:1;
		}
		#nameInputSec #secondColInputIndicatores{
			grid-row:2;
			grid-template:5vh 10vh 10vh 10vh/85vw;
		}
	#secondColInputIndicatores span{display: none;}

	#nameInputSec input[type="text"]{
		border:none;
		border-bottom: #000 thick solid;
		}

		#personalInformation #vAddress{
			grid-column:1;
			grid-row:2;
			grid-template:5vh 50vh/90vw;
		}
			#vAddress>article{
				grid-template:10vh 10vh 10vh/85vw;
			}
		
		#vAddress>article:nth-child(1){display: none;}

		#vAddress article>input, #phAddress input{
		border:none;
		border-bottom: #000 thick solid;
		}

		#personalInformation #phAddress{
			grid-column:1;
			grid-row:3;
			grid-template:32vh 26vh 4vh 6vh 6vh/97vw;
		}

			#phAddress>article{
				display: grid;
				grid-column:1;
			}
				#phAddress #firstRow{
					display: none;
				}
				#phAddress #secondRow{
					grid-row:1;
					grid-template:10vh 10vh 10vh/85vw;
					grid-column-gap:2vw;
					margin-left: 2vw;
				}
				#phAddress #thirdRow{
					display: none;
				}
				#phAddress #fourthRow{
					grid-row:2;
					grid-template:10vh 10vh/85vw;
					grid-column-gap:2vw;
					margin-left: 2vw;
				}
				#phAddress #fivethRow{
					grid-row:3;
					grid-template:7vh/80vw;
					grid-column-gap:2vw;
					margin-left: 2vw;
				}


.titleFont{
	font-size:18px; 
	font-weight:bold; 
	color:#512316; 
}
.descriptionFont{
	font-size:12px; 
	color:#512316; 
	font-weight:bold;
}