@charset "UTF-8";


@font-face {
   font-family: Skranji-reg;
   src: URL(../fonts/Skranji-Regular.ttf);
}

@font-face {
   font-family: Nunito-SemiBold;
   src: URL(../fonts/Nunito-SemiBold.ttf);
}

@font-face {
   font-family: Nunito-Black;
   src: URL(../fonts/Nunito-Black.ttf);
}
@font-face {
   font-family: Nunito-ExtraBold;
   src: URL(../fonts/Nunito-ExtraBold.ttf);
}



.temp {
	color: red;
}

body {
	margin: 0;
	font-size: 18px;
   font-family: Nunito-SemiBold;
	background-color: #fff;
	color: #5d321b;
}

* {
    box-sizing: border-box;
}

img {
  display: block;
}

h1 {
	font-family: Skranji-reg;
	color: #c44316;
	margin-top: 0;
	font-size: 55px;
	line-height: 62px;
	font-weight: normal;
}

h2 {
	font-size: 36px;
   font-family: Skranji-reg;
}

h3 {
	font-size: 20px;
	margin-bottom: 0;
	   font-family: Nunito-ExtraBold;
}


strong {
   font-family: Nunito-Black;
}

hr {
	border-top: 1px solid #c44316;
	width: 80%;
	border-bottom-width: 0px;
	margin-top: 30px;
	margin-bottom: 20px;
}
.line {
	margin-right: auto;
	margin-left: auto;
	display: block;
}

a:link {
	color: #c44316;
	text-decoration: none;
}
a:visited {
	color: #c44316;
}
a:hover {
	color: #c44316;
}
a:active {
	color: #c44316;
}
.logo {
	width: 400px;
  	left: 0;
  	right: 0;
  	margin: 0 auto;
	z-index: 95;
	position: absolute;
	top: 120px;
}
.mid a:link {
   color: inherit;
   font-size: inherit;
}

@media (max-width: 700px) {
.logo {
	background-image: url(../images/navBkg.png);
	width: 100%;
	height: 100px;
	top: 0;
	padding-top: 9px;
}
.logo img {
	width: 270px;
	margin-right: auto;
	margin-left: auto;
	}

}

/*--------------ALL GREEN BUTTONS THROUGHOUT THE SITE----------------*/
.homeButtonsFlex {
	display: flex;
	justify-content: center;
	position: absolute;
	width: 100%;
	top: 310px;
	margin-right: auto;
	margin-left: auto;
	z-index: 910;
}
@media (max-width: 700px) {
.homeButtonsFlex {
	display: none;
}
}
.homeButtons {
	background-color: #fbbf4b;
	color: #c44316;
	font-size: 20px;
	font-family: Skranji-reg;
	width: 330px;
	cursor: pointer;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	text-align: center;
	padding: 14px;
	margin-left: 8px;
	margin-right: 8px;
	border: 0;
	border-radius: 50px;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.53);
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.53);
}

.homeButtons:hover {
	background-color: #c44316;
	color: #5d321b;
	border: 0;
}
@media (min-width: 700px) {
.mobileButton {
	display: none;
}
}
.mobileButton {
	background-color: #fbbf4b;
	color: #c44316;
	width: 100%;
	font-family: Skranji-reg;
	cursor: pointer;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	border: 0;
	text-align: center;
	padding: 14px;
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 15px;
		border-radius: 50px;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.53);
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.53);
}
.mobileButton:hover {
	background-color: #c44316;
	color: #5d321b;
	border: 0;
}

.centeredButton {
	background-color: #fbbf4b;
	color: #c44316;
	border: 0;
	font-size: 22px;
	font-family: Skranji-reg;
	width: 440px;
	cursor: pointer;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	text-align: center;
	padding: 16px;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
	text-decoration: none;
		border-radius: 50px;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.53);
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.53);
}
.centeredButton:hover {
	background-color: #c44316;
	color: #5d321b;
		border: 0;
}
@media (max-width: 600px) {
.centeredButton {
	width: 100%;
}
}

.pageButtonsFlex {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.pageButtons {
	background-color: #fbbf4b;
	color: #c44316;
	border: 0;
	font-size: 20px;
	font-family: Skranji-reg;
	width: 250px;
	cursor: pointer;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	text-align: center;
	padding: 14px;
	margin-left: 8px;
	margin-right: 8px;
		border-radius: 50px;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.53);
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.53);
}
.pageButtons:hover {
	background-color: #c44316;
	color: #5d321b;
		border: 0;
}
.pageButtonsStacked {
	display: none;
}
@media (max-width: 700px) {
.pageButtonsStacked {
	display: block;
}
}
@media (max-width: 700px) {
.pageButtons {
	display: none;
}
}

.smallButtons {
	background-color: #fbbf4b;
	color: #c44316;
	border: 0;
	font-size: 15px;
	font-family: Skranji-reg;
	width: 200px;
	cursor: pointer;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	text-align: center;
	padding: 8px;
	margin-left: 0;
	margin-top: 20px;
	margin-bottom:15px;
		border-radius: 50px;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.53);
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.53);
}
.smallButtons:hover {
	background-color: #c44316;
	color: #5d321b;
		border: 0;
}
/*-------------------------------VIDEOS---------------------------------*/
.videoWrapper {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.hollywoodMore {
	display: none;
}




/*--------------TOP IMAGES----------------*/
.hollywood-top {
	width: 100%;
	height: 400px;
	background-image: url(../images/int-top-hollywood.jpg);
	background-repeat: no-repeat;
	background-position: 0% top;
	background-size: cover;
	margin-top: 70px;
}
@media (max-width: 700px) {
.hollywood-top {
	margin-top: 336px;
}}

.maui-top {
	width: 100%;
	height: 400px;
	background-image: url(../images/int-top-maui.jpg);
	background-repeat: no-repeat;
	background-position: 0% top;
	background-size: cover;
	margin-top: 70px;
}
@media (max-width: 700px) {
.maui-top {
	margin-top: 336px;
}}


.hollywood-res-top {
	width: 100%;
	height: 400px;
	background-image: url(../images/int-top-hollywood-res.jpg);
	background-repeat: no-repeat;
	background-position: 0% top;
	background-size: cover;
	margin-top: 70px;
}
@media (max-width: 700px) {
.hollywood-res-top {
	margin-top: 336px;
}}
.wHollywood-top {
	width: 100%;
	height: 400px;
	background-image: url(../images/int-top-wHollywood.jpg);
	background-repeat: no-repeat;
	background-position: 0% top;
	background-size: cover;
	margin-top: 70px;
}
@media (max-width: 800px) {
.wHollywood-top {
	margin-top: 336px;
}}
.wHollywood-res-top {
	width: 100%;
	height: 400px;
	background-image: url(../images/int-top-wHollywood-res.jpg);
	background-repeat: no-repeat;
	background-position: 0% top;
	background-size: cover;
	margin-top: 70px;
}
@media (max-width: 700px) {
.wHollywood-res-top {
	margin-top: 336px;
}}
.tours-top {
	width: 100%;
	height: 400px;
	background-image: url(../images/int-top-tours.jpg);
	background-repeat: no-repeat;
	background-position: 0% top;
	background-size: cover;
	margin-top: 70px;
}
@media (max-width: 700px) {
.tours-top {
	margin-top: 336px;
}}

.contact-top {
	width: 100%;
	height: 400px;
	background-image: url(../images/int-top-contact.jpg);
	background-repeat: no-repeat;
	background-position: 0% top;
	background-size: cover;
	margin-top: 70px;
}
@media (max-width: 700px) {
.contact-top {
	margin-top: 336px;
}}

.translations-top {
	width: 100%;
	height: 400px;
	background-image: url(../images/home-gallery1.jpg);
	background-repeat: no-repeat;
	background-position: 0% top;
	background-size: cover;
	margin-top: 70px;
}
@media (max-width: 700px) {
.translations-top {
	margin-top: 336px;
}}


.reserve-top {
	width: 100%;
	height: 400px;
	background-image: url(../images/int-top1.jpg);
	background-repeat: no-repeat;
	background-position: 0% top;
	background-size: cover;
	margin-top: 70px;
}
@media (max-width: 700px) {
.reserve-top {
	margin-top: 336px;
}}

/*------------------------HOME GALLERY----------------------------*/
.home-gallery {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
	margin-right: auto;
	margin-left: auto;
}
.home-gallery-pic {
	text-align: center;
	width: 30%;
	margin: 1%;
	cursor: pointer;
}

@media (max-width: 600px) {
.home-gallery-pic {
	width: 45%;
}	
}

/*------------------HOLLYWOOD GALLERY----------------*/
.hollywood-gallery {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
	margin-right: auto;
	margin-left: auto;
}
.hollywood-gallery-pic {
	text-align: center;
	width: 30%;
	margin: 1%;
}

@media (max-width: 800px) {
.hollywood-gallery-pic {
	width: 45%;
}	
}

@media (max-width: 600px) {
.hollywood-gallery-pic {
	width: 100%;
	padding: 20px;
}	
}

/* --home - hidden gallery large images-----*/
#gallery1 {
	display: none;
}
#gallery2 {
	display: none;
}
#gallery3 {
	display: none;
}
#gallery4 {
	display: none;
}
#gallery5 {
	display: none;
}
#gallery6 {
	display: none;
}
/*----home - popup layers large images sit in----*/
.popups {
	background-color: rgba(0,0,0,0.78);
	color: #999;
	padding: 40px;
	height: 100vh;
	width: 100%;
	position: fixed;
	top: 0;
	text-align: center;
	z-index: 950;
}
.galleryClose a {
	color: #999;
	font-size: 35px;
	position: absolute;
	right: 30px;
	top: 30px;
	text-decoration: none;
}	
.popups img {
	display: inline;
	max-width: 600px;
	max-height: 600px;
}

@media (max-width: 600px) {
.popups {
	padding: 5%;
}
.popups img {
	display: inline;
	max-width: 600px;
	max-height: 600px;
	padding-top: 70px;
}	
}
/*--------------------------LOCATIONS GALLERY--------------------------*/
.location-gallery {
	display: flex;
	flex-wrap: wrap;
	width: 96%;
	justify-content: center;
	margin-right: auto;
	margin-left: auto;
}

.location-gallery-pic {
	text-align: center;
	width: 19%;
	margin: .5%;
}

.location-gallery-pic img {
	border-radius: 25px;
}

@media (max-width: 700px) {
.location-gallery-pic {
	width: 47%;
	margin: 1%;
}	
}

/*-------INTERIORS MIDDLE AREA WITH TEXT ALL PAGES-----------*/

.wrapper {
	background-image: url(../images/tile-3.png);
	background-color: #F6EFD8;
}
.mid {
	width: 100%;
	min-height: 400px;
	padding: 80px;
	background-size: cover;
	text-align: center;
	line-height: 30px;
}
@media (max-width: 700px) {
.mid {
	padding: 20px;
}	
}

.CenteredText {
	width: 100%;
	padding: 80px;
	text-align: center;
	line-height: 30px;
}
@media (max-width: 700px) {
.CenteredText {
	padding: 20px;
}	
}
.CenteredText-2 {
	width: 100%;
	text-align: center;
	line-height: 36px;
}



/*-----------------------LOCATION INFO ------------------------*/
.locationInfo {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	font-size: 14px;
}
.locationText {
	padding-left: 26px;
	padding-right: 26px;
	padding-top: 40px;
	padding-bottom: 40px;
}
.locationText h2 {
	margin: 0;
}



/*----hollywood top row-----*/
.location1-left {
	width: 60%;
	background-color: #e9ddc0;
	background-image: url(../images/pic-room.jpg);
	background-repeat: no-repeat;
	background-position: 0% center;
	background-size: cover;
}
.location1-right {
	width: 40%;
	background-color: #e9ddc0;
}
/*----hollywood middle row-----*/
.location2-left {
	width: 60%;
	background-color: #e9ddc0;
}
.location2-right {
	width: 40%;
	background-color: #e9ddc0;
	background-image: url(../images/pic-maui.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
/*----hollywood bottom row-----*/
.location3-left {
	width: 60%;
	background-color: #e9ddc0;
	background-image: url(../images/pic-pool.jpg);
	background-repeat: no-repeat;
	background-position: 0% center;
	background-size: cover;
}
.location3-right {
	width: 40%;
	background-color: #e9ddc0;
	overflow: hidden;
}

@media (max-width: 700px) {
.locationInfo {
	font-size: 16px;
	line-height: 20px;
}
.locationText {
	padding-top: 10px;
	padding-bottom: 10px;
}
.location1-left {
	display: none;
	}	
.location1-right {
	width: 100%;
}
/*----hollywood middle row-----*/
.location2-left {
	width: 100%;
}
.location2-right {
	display: none;
}
/*----hollywood bottom row-----*/
.location3-left {
	display: none;
}
.location3-right {
	width: 100%;
}	
}

.photosDesc {
	font-size: 14px;
}

/*----west hollywood top row-----*/
.west-location1-left {
	width: 60%;
	background-color: #e9ddc0;
	background-image: url(../images/pic-room2.JPG);
	background-repeat: no-repeat;
	background-position: 0% center;
	background-size: cover;
}

/*----west hollywood middle row-----*/
.west-location2-left {
	width: 60%;
	background-color: #e9ddc0;
}
.west-location2-right {
	width: 40%;
	background-color: #e9ddc0;
	background-image: url(../images/pic-computer.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
/*----west hollywood bottom row-----*/
.west-location3-left {
	width: 60%;
	background-color: #e9ddc0;
	background-image: url(../images/pic-pool2.jpg);
	background-repeat: no-repeat;
	background-position: 0% center;
	background-size: cover;
}
.west-location3-right {
	width: 40%;
	background-color: #e9ddc0;
}

@media (max-width: 700px) {
.west-location1-left {
	display: none;
	}	
.west-location2-right {
	display: none;
}
.west-location3-left {
	display: none;
}	
}
/*----------------RESERVATION COLUMNS ---------------*/
.reserveFlex {
	display: flex;
	flex-wrap: wrap;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}
.reserveItem {
	width: 48%;
	padding: 1%;
}
.reserveButtons {
	background-color: #fbbf4b;
	color: #c44316;
	border-radius: 50px;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.33);
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.33);
	font-size: 22px;
	font-family: Skranji-reg;
	width: 100%;
	cursor: pointer;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	border: 0;
	text-align: center;
	padding: 16px;
	margin-top: 40px;
}
.reserveButtons:hover {
	background-color: #c44316;
	color: #5d321b;
	border: 0;
}
@media (max-width: 700px) {
.reserveItem {
	width: 100%;
	padding: 1%;
}	
}

/*----------------------TOURS COLUMNS --------------------*/
.tours {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	font-size: 14px;
}
.locationText {
	padding: 20px;
}
.tours h2 {
	margin-top: 0px;
	margin-bottom: 10px;
}

/*----tours row 1-----*/
.tours1-left {
	width: 50%;
	background-color: #e9ddc0;
	background-image: url(../images/tours-la.jpg);
	background-repeat: no-repeat;
	background-position: 0% top;
	background-size: cover;
	padding: 26px;
}
.tours1-right {
	width: 50%;
	background-color: #e9ddc0;
	padding: 26px;
}
/*----tours row 2-----*/
.tours2-left {
	width: 50%;
	background-color: #e9ddc0;
	padding: 26px;
}
.tours2-right {
	width: 50%;
	background-color: #e9ddc0;
	background-image: url(../images/tours-universal.jpg);
	background-repeat: no-repeat;
	background-position: 0% top;
	background-size: cover;
	padding: 26px;
}
/*----tours row 3-----*/
.tours3-left {
	width: 50%;
	background-color: #e9ddc0;
	background-image: url(../images/tours-disney.jpg);
	background-repeat: no-repeat;
	background-position: 0% top;
	background-size: cover;
	padding: 26px;
}
.tours3-right {
	width: 50%;
	background-color: #e9ddc0;
	padding: 26px;
}

/*----tours row 4-----*/
.tours4-left {
	width: 50%;
	background-color: #e9ddc0;
	padding: 26px;
}
.tours4-right {
	width: 50%;
	background-color: #e9ddc0;
	background-image: url(../images/tours-sixFlags.jpg);
	background-repeat: no-repeat;
	background-position: 0% top;
	background-size: cover;
	padding: 26px;
}
/*----tours row 5-----*/
.tours5-left {
	width: 50%;
	background-color: #ebebeb;
	background-image: url(../images/tours-bus.jpeg);
	background-repeat: no-repeat;
	background-position: 0% top;
	background-size: cover;
	padding: 26px;
}
.tours5-right {
	width: 50%;
	background-color: #e9ddc0;
	padding: 26px;
}
/*----tours row 6-----*/
.tours6-left {
	width: 50%;
	background-color: #e9ddc0;
	padding: 26px;
}
.tours6-right {
	width: 50%;
	background-color: #e9ddc0;
	background-image: url(../images/tours-venice.jpg);
	background-repeat: no-repeat;
	background-position: 0% top;
	background-size: cover;
	padding: 26px;
}
/*----tours row 7-----*/
.tours7-left {
	width: 50%;
	background-color: #e9ddc0;
	background-image: url(../images/tours-hollywood.jpg);
	background-repeat: no-repeat;
	background-position: 0% top;
	background-size: cover;
	padding: 26px;
}
.tours7-right {
	width: 50%;
	background-color: #e9ddc0;
	padding: 26px;
}
/*----tours row 8-----*/
.tours8-left {
	width: 50%;
	background-color: #e9ddc0;
	padding: 26px;
}
.tours8-right {
	width: 50%;
	background-color: #e9ddc0;
	background-image: url(../images/tours-getty.jpg);
	background-repeat: no-repeat;
	background-position: 0% top;
	background-size: cover;
	padding: 26px;
}
@media (max-width: 700px) {
.tours {
	font-size: 15px;
	line-height: 19px;
}
.locationText {
}
.tours h2 {
	line-height: 35px;
}

/*----tours row 1-----*/
.tours1-left {
	width: 100%;
	height: 300px;
}
.tours1-right {
	width: 100%;
}
/*----tours row 2-----*/
.tours2-left {
	width: 100%;
}
.tours2-right {
	width: 100%;
	height: 300px;
}
/*----tours row 3-----*/
.tours3-left {
	width: 100%;
	height: 300px;
}
.tours3-right {
	width: 100%;
}

/*----tours row 4-----*/
.tours4-left {
	width: 100%;
}
.tours4-right {
	width: 100%;
	height: 300px;
}
/*----tours row 5-----*/
.tours5-left {
	width: 100%;
	height: 300px;
}
.tours5-right {
	width: 100%;
}
/*----tours row 6-----*/
.tours6-left {
	width: 100%;
}
.tours6-right {
	width: 100%;
	height: 300px;
}
/*----tours row 7-----*/
.tours7-left {
	width: 100%;
	height: 300px;
}
.tours7-right {
	width: 100%;
}
/*----tours row 8-----*/
.tours8-left {
	width: 100%;
}
.tours8-right {
	width: 100%;
	height: 300px;
}
}

/*----------------TOURS TABLE ---------------*/
#events {
	border-collapse: collapse;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}

#events td, #events th {
  border: 1px solid #e9ddc0;
  padding: 8px;
  font-size: 16px;
}

#events tr:nth-child(even){background-color: #fbf4e2;}
#events tr:nth-child(odd){background-color: #e9ddc0;}

#events tr:hover {background-color: #fdfaf4;}

#events th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #e9ddc0;
  font-size: 20px;
   font-family: Barlow-SemiBold;
}

/*----------------RESERVATIONS RATES TABLE ---------------*/
.tableMobile {
	display: none;
}

@media (max-width: 700px) {
.tableMobile {
	display: block;
}
	.tableDesktop { 
	display: none;}
}

.rates {
	border-collapse: collapse;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}

.rates td, .rates th {
  border: 1px solid #ddd;
  padding: 8px;
  font-size: 13px;
  text-align: left;
}

.rates tr:nth-child(even){background-color: #fbf4e4;}
.rates tr:nth-child(odd){background-color: #e9ddc0;}

.rates tr:hover {background-color: #fbf4e4;}

.rates th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #fbf4e4;
  font-size: 13px;
  font-family: Barlow-SemiBold;
}



/*----------------TOURS MAP ---------------*/
.toursMap {
	display: flex;
	flex-wrap: wrap;
	width: 80%;
	font-size: 20px;
	line-height: 35px;
	margin-right: auto;
	margin-left: auto;
	margin-top: -50px;
}
.toursText {
	padding: 26px;
}

.tours-left {
	width: 65%;
}
.tours-right {
	width: 35%;
	padding-left: 30px;
}
@media (max-width: 700px) {
.toursMap {
	width: 100%;
	margin-top: -20px;
}
.tours-left {
	width: 100%;
}
.tours-right {
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 40px;
	text-align: center;
}
}

/*----------------GOOGLE MAPS ---------------*/
.greyMap {
  -webkit-filter: sepia(10%); /* Safari 6.0 - 9.0 */
  filter: sepia(10%);	
}





/* SLIDE UP ELEMENT - UP WHEN SCROLLING DOWN PAGE - BIG PICS BOTTOM OF PAGE - but expect to add as global animation to other pages */
/* If this is used, must add the JS also */
.slideanim {
	visibility:hidden;
}
.slide {
    /* The name of the animation */
    animation-name: slide;
    -webkit-animation-name: slide; 
    /* The duration of the animation */
    animation-duration: .5s; 
    -webkit-animation-duration: .5s;
    /* Make the element visible */
    visibility: visible; 
}
/* SLIDE UP ELEMENT - Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0%);
    } 
}
@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}



/*----------------------ROOMS -----------------------*/
.roomsFlex {
	width: 80%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
}

.roomsItem {
	width: 30%;
	margin: 1.5%;
}
.roomsHeading {
	font-size: 24px;
}


@media (max-width: 600px) {
.roomsItem {
	width: 60%;
	margin: 1.5%;
}
}


/*--------------FOOTER----------------*/
footer {
	width: 100%;
	background-color: #D8D8D8;
	padding-top: 70px;
	padding-bottom: 80px;
	text-align: center;
	background-image: url(../images/footerTile-3.png);
}
.footerFlex {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.footerFlex div {
	width: 33%;
	font-size: 13px;
	text-align: center;
	display: block;
}
.footerFlex div a {
	text-decoration: none;
}
.footerFlex div h1 {
	font-size: 24px;
	margin: 0px;
}
.footerFlex div h2 {
	font-size: 18px;
	margin-bottom: 5px;
	margin-top: 10px;
}
.footerFlex div img {
	margin-right: auto;
	margin-left: auto;
	max-width: 45px;
}

@media (max-width: 700px) {
.footerFlex div {
	width: 100%;
	font-size: 13px;
	text-align: center;
	display: block;
}
}





/*----------------FORM STUFF ----------------*/

.mid-form {
	width: 100%;
	min-height: 100px;
	background-image: url(../images/tile-3.png);
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 90px;
	padding-bottom: 50px;
	text-align: center;
}

.hollywoodForm {
	max-width: 1100px;
	display: flex;
	flex-wrap: wrap;
	margin-left: auto;/*---- CENTERS-----*/
	margin-right: auto;/*---- CENTERS------*/
	padding-left: 5%;
	padding-right: 5%;
	font-size: 14px;
	text-align: left;
}
.hollywoodForm div {
	width: 50%;
	padding: 20px;
	line-height: 24px;
}

.hollywoodForm h2 {
	line-height: 34px;
}
input {
	width: 100%;
	height: 30px;
	margin-bottom: 14px;
	margin-top: 4px;
}

.hollywoodForm div textarea {
	width: 100%;
	height: 70px;
}

.hollywoodForm div select {
	width: 80%;
	height: 20px;
	margin-bottom: 14px;
}

.hollywoodForm div select[title="date"] {
	width: 110px;
	height: 20px;
	margin-right: 10px;
}

.hollywoodForm-submit {
	max-width: 1100px;
	display: flex;
	flex-wrap: wrap;
	margin-left: auto;/*---- CENTERS-----*/
	margin-right: auto;/*---- CENTERS------*/
	padding-left: 5%;
	padding-right: 5%;
	font-size: 14px;
}
.hollywoodForm-submit-terms {
	width: 100%;
	padding: 20px;
	margin-bottom: 30px;
	text-align: center;
	line-height: 15px;
	font-size: 12px;
}
.hollywoodForm-submit-conditions {
	width: 50%;
	padding: 20px;
	margin-bottom: 30px;
	text-align: left;
	line-height: 15px;
	font-size: 12px;
}
.hollywoodForm-submit-initials {
	width: 100%;
	padding-top: 30px;
	padding-bottom: 0px;
	background-color: #e9ddc0;
	text-align: center;
}

.hollywoodForm-submit-click {
	width: 100%;
	padding-top: 5px;
	padding-bottom: 30px;
	background-color: #e9ddc0;
	text-align: center;
}
.hollywoodForm-submit input {
	width: 70px;
}
.hollywoodForm-submit-click p input {
	width: 300px;
	height: 40px;
	line-height: 10px;
}

.button {
padding: 16px 42px;
text-align: center;
text-decoration: none;
font-size: 16px;
margin: 15px 2px;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s; 
cursor: pointer;
background-color: #c44316;
color: #fff; 
border: 0;
}

.button:hover {
background-color: #5d321b;
}

@media (max-width: 700px) {
.mid-form {
	padding-left: 10px;
	padding-right: 10px;
}
.hollywoodForm {
	display: flex;
}
.hollywoodForm div {
	width: 100%;
	padding: 10px;
	line-height: 24px;
}
.hollywoodForm-submit-initials {
	padding-left: 10px;
	padding-right: 10px;
}

.hollywoodForm-submit-click {
	padding-left: 10px;
	padding-right: 10px;
}
.hollywoodForm-submit-conditions {
	padding: 0px;
	margin-bottom: 10px;
	line-height: 15px;
	font-size: 11px;
}}




/*-----------------------FOREIGN ---------------------*/
.foreign {
	width: 100%;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 0;
	text-align: center;
}



.foreign img {
	display: inline;
}










@media (max-width: 600px) {
.HeresAclass {
	width: 350px;
	}
}