header.masthead {
	height: 90vh;
	min-height: 40rem;
	background: -webkit-gradient(linear, left top, left bottom, from(#3f5c63cc), to(#949181cc)), url(https://images.unsplash.com/photo-1495433324511-bf8e92934d90?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80);
	background: linear-gradient(to bottom, #3f5c63cc 0, #949181cc 100%), url(https://images.unsplash.com/photo-1495433324511-bf8e92934d90?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80);
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover
}

header.masthead h1 {
	font-size: 3.25rem
}

@media ( min-width : 992px) {
	header.masthead p {
		font-size: 1.5rem
	}
	header.masthead h1 {
		font-size: 5rem
	}
}

@media ( min-width : 1200px) {
	header.masthead h1 {
		font-size: 7.5rem
	}
}

.booking {
	top: -17vh;
	position: relative;
}

.booking .label {
	font-size: 1.4rem;
}

.booking .number {
	font-size: 4rem;
}

.scroll-to-top {
	position: fixed;
	right: 15px;
	bottom: 3px;
	display: none;
	width: 50px;
	height: 50px;
	text-align: center;
	color: white;
	background: rgba(52, 58, 64, 0.5);
	line-height: 45px;
	z-index: 1;
}

.scroll-to-top:focus, .scroll-to-top:hover {
	color: white;
}

.scroll-to-top:hover {
	background: #343a40;
}

.scroll-to-top i {
	font-weight: 800;
}

.dialogBox {
	z-index: 1050; /* dropdowns have 1000 */
	background-color: white;
	padding: 2rem;
	border-radius: 8px;
	position: fixed;
	top: 0;
	right: 0;
}

.gwt-PopupPanel, .gwt-DialogBox, .gwt-PopupPanelGlass {
	z-index: 2;
	background-color: #000;
	opacity: 0.3;
}

.slideUp {
	top: -8vh;
}