.title>div, .location>div {
	font-family: 'Tangerine',Verdana,Arial,Helvetica,serif;
	font-size: 32px; /* xx-large: 32px; */
	text-align: center !important;
}

.location>div {
	text-shadow: 2px 2px rgb(88,88,88);
}

.location>div>span {
	font-family: 'Tangerine',Verdana,Arial,Helvetica,serif;
	font-size: 45px;
}

.room-label>div, .info-label>div {
	font-family: Lato,Verdana,Arial,Helvetica,sans-serif;
	font-size: larger;
	text-align: center !important;
}

.website {
	font-family: Lato,Verdana,Arial,Helvetica,sans-serif;
	font-size: small;
	letter-spacing: 2px;
}

.website>span {
	font-family: Lato,Verdana,Arial,Helvetica,sans-serif;
	font-size: x-large;
}



@media only screen and (max-device-width : 360px) and (orientation: landscape) {
	.menu-container {visibility: visible !important;}
	.menu-container-small {visibility: hidden !important;}
}

@media only screen and (max-device-width : 360px) and (orientation: portrait) {
	.menu-container {visibility: hidden !important;}
	.menu-container-small {visibility: visible !important; /*left: 45px !important;*/}
}

/* iPhone 6, 7, & 8 in portrait */

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation: landscape) {
	.menu-container {visibility: visible !important;}
	.menu-container-small {visibility: hidden !important;}
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation: portrait) {
	.menu-container {visibility: hidden !important;}
	.menu-container-small {visibility: visible !important; /*left: 45px !important;*/}
}


/* iPhone 5 only */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation: landscape) {
	.menu-container {left: 15px !important;}
}