/* GC BOOKING */

.bookings-screen .gc-button-white, .bookings-mobile .gc-button-white {
	width:80px;
	padding: 4px 30px 2px 10px;
	font-size: 12pt;
}

.bookings-screen .gc-right-arrow,  .bookings-mobile .gc-right-arrow {
	top:6px;
	left:90px;
	width: 13px;
	padding-left: 3px;
}

.bookings-page-main-mobile {
	display:none;
}

.bookings-screen {
	display:grid;
	grid-template-columns: 70vw 30vw;
	grid-template-rows: 228px 65vw;
	grid-template-areas: 
	"bookings-header bookings-column-two"
	"bookings-main bookings-column-two";
}


.bookings-screen .header-gc-pages {
	grid-area: bookings-header;
	margin:0;
	padding:0;
}

.bookings-header {
	position: absolute;
	top:80px;
	left: 7vw;
	width:450px;
}

.bookings-page-main {
	grid-area: bookings-main;
	background-color: #F4EA32;
	display:block;
}

.bookings-room-key-wrapper {
	position:relative;
	top:120px;
	left:0;
}

.bookings-room-key {
	position:absolute;
	width:80px;
	transform: rotate(-40deg);
}

.bookings-room-key-arrow {
	position:absolute;
	top:20px;
	left:20px;
	width:80px;
}

.booking-links-wrapper {
	position: relative;
	top:50px;
	left: 7.5vw;
}

.booking-links-wrapper h2 {
	margin:0;
	padding:0;
	font-size: 40pt;
	line-height: 50pt;
}

.booking-links-serif-header {
	font-family: "source-serif-pro", serif;
	font-weight: 400;
	font-style: italic;
	padding-right:25px;

}
.booking-links-san-serif-header {
	font-family: "source-sans-pro", sans-serif;
	font-weight: 700;
	font-style: italic;
}

.bookings-links-spacer {
	float:left;
	width:4px;
	margin: 20px 30px 0 50px;
}

.booking-links-wrapper  ul {
	float:left;
	max-width: 200px;
	padding:20px 0;
	margin:0;
} 

.booking-links-wrapper  ul.second-row {
	clear:left;
}

.booking-links-wrapper  ul li {
	list-style: none;
	width:250px;
	
}

.booking-links-title {
	font-family: "source-sans-pro", sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size: 18pt;
	line-height: 1;
	padding-bottom:8px;
}

.booking-links-address {
	font-family: "source-sans-pro", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 12pt;
}

.booking-links-price {
	font-family: "source-sans-pro", sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 18pt;
	padding:20px 0;
}

.booking-links-price span {
	font-weight: 400;
	font-style: normal;
	font-size: 12pt;
}

.booking-links-wrapper  ul li a {
	text-decoration: none;
	
}


.booking-links-legal {
	position:relative;
	top:80px;
	left:6vw;
	clear:left;
	float:left;
	width:60vw;
	padding:0;
	margin:0;
	font-family: "source-sans-pro", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 12pt;
}


.bookings-asterisk {
	position:relative;
	top:-40px;
	left:0;
	float:left;
}


.bookings-column-two {
	position:relative;
	grid-area: bookings-column-two;
	overflow-y: clip;
	
}

.booking-column-two-image-one, .booking-column-two-image-two, .booking-column-two-image-three, .booking-column-two-image-four, .booking-column-two-image-five {
	justify-self: right;
	display:flex;
	width:30vw;
}


.bookings-rutherford-co {
	position:absolute;
	top:13vw;
	left:10vw;
	width:10vw;

}

.bookings-mobile-footer {
	display:none;
}


/* GOVCON BOOKING 1200 BREAKPOINT */

@media all and ( max-width: 1200px) {

	.bookings-screen {
		display:block;
	}

	.bookings-page-main, .bookings-column-two {
		display:none;
	}
	
	.bookings-page-main-mobile {
		display: grid;
		grid-template-columns: 100%;
		grid-template-rows: auto;
		grid-template-areas: 
		"bookings-hero"
		"booking-links-mobile";
	}

	.bookings-header-wrapper {
		position:relative;
		justify-content: center;
	}

	.bookings-header-mobile {
		position:absolute;
		top:-115px;
		left: 20vw;
		width:350px;
	}

	.bookings-hero {
		grid-area: bookings-hero;
		height: 60vw;
		background-image: url('../images/govcon25/bookings-column-two-image-two.jpg');
		background-position-x: center;
		background-position-y: 50px;
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.bookings-header-paragraph {
		background-color: #F4EA32;
		padding:50px 10px 10px 10px;
		margin: 0 20%;
		font-family: "source-sans-pro", sans-serif;
		font-weight: 400;
		font-style: italic;
	}

	.bookings-header-paragraph-serif {
		font-family: "source-serif-pro", serif;
		font-weight: 400;
		font-style: italic;
	}

	.bookings-links-wrapper-mobile {
		position:relative;
		grid-area: booking-links-mobile;
	}

	.bookings-links-wrapper-mobile h2 {
		color:transparent;
		-webkit-text-stroke: 1px #000000;
		font-size: 12vw;
		font-family: "source-sans-pro", sans-serif;
		font-weight: 900;
		font-style: italic;
		white-space: nowrap;
        margin:0 auto;
		width:75%;
	}

	.booking-links-redunderline {
		width: 70vw;
		margin-left: 15vw;
	}

	.bookings-links-wrapper-mobile  ul {
		max-width: 200px;
		padding:20px 0;
		margin:0 auto;
	} 

	.bookings-links-wrapper-mobile  ul li {
		list-style: none;
		width:250px;
	}

	.bookings-links-wrapper-mobile ul li.booking-links-title {
		padding:0px;
		margin:3px;
	}

	.bookings-links-wrapper-mobile ul li.hilite-embassy {
		background: url('../images/govcon25/booking-mobile-hilite.png');
		background-repeat: no-repeat;
  		background-size: 100px 50px;
		background-position: left top;
	}

	.bookings-links-wrapper-mobile ul li.hilite-hilton {
		background: url('../images/govcon25/booking-mobile-hilite.png');
		background-repeat: no-repeat;
  		background-size: 170px 50px;
		background-position: left top;
	}

	.bookings-links-wrapper-mobile ul li.hilite-residence {
		background: url('../images/govcon25/booking-mobile-hilite.png');
		background-repeat: no-repeat;
  		background-size: 110px 50px;
		background-position: left top;
	}

	.bookings-links-wrapper-mobile ul li.hilite-inn {
		background: url('../images/govcon25/booking-mobile-hilite.png');
		background-repeat: no-repeat;
  		background-size: 40px 50px;
		background-position: left top;
	}

	.bookings-links-wrapper-mobile ul li.hilite-inn-overflow {
		background: url('../images/govcon25/booking-mobile-hilite.png');
		background-repeat: no-repeat;
  		background-size: 150px 50px;
		background-position: left top;
	}

	.bookings-links-wrapper-mobile ul li.hilite-courtyard {
		background: url('../images/govcon25/booking-mobile-hilite.png');
		background-repeat: no-repeat;
  		background-size: 120px 50px;
		background-position: left top;
	}

	.bookings-links-wrapper-mobile ul li.hilite-marriott {
		background: url('../images/govcon25/booking-mobile-hilite.png');
		background-repeat: no-repeat;
  		background-size: 130px 50px;
		background-position: left top;
	}

	.bookings-links-wrapper-mobile ul li.hilite-marriott-overflow {
		background: url('../images/govcon25/booking-mobile-hilite.png');
		background-repeat: no-repeat;
  		background-size: 220px 50px;
		background-position: left top;
	}

	.bookings-links-wrapper-mobile ul li.hilite-holiday {
		background: url('../images/govcon25/booking-mobile-hilite.png');
		background-repeat: no-repeat;
  		background-size: 85px 50px;
		background-position: left top;
	}

	.bookings-links-wrapper-mobile ul li a {
		text-decoration: none;
	}

	.bookings-links-wrapper-mobile .bookings-room-key {
		position:absolute;
		top:200px;
		left:75vw;
		width:20vw;
		transform: rotate(-10deg);
	}

	.bookings-links-wrapper-mobile .bookings-rutherford-co {
		position:absolute;
		top:650px;
		left:70vw;
		width:30vw;
	} 

	.bookings-mobile-footer {
		display:block;
		margin:0;
	
	}

	.bookings-mobile-footer .footer-gc-contact {
	left:30%;
	}
}

/* GOVCON BOOKING 600 BREAKPOINT */

@media all and ( max-width: 600px) {


	.bookings-header-mobile {
		top:-98px;
		left: 10vw;
		width:300px;
	}

	.bookings-hero {
		position: relative;
		top:-50px;
		height: 80vw;
		background-position-x: center;
		background-position-y: 50px;
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.bookings-header-paragraph {
		padding:50px 10px 10px 10px;
		margin: 0 5%;
		font-size: 12pt;
	}

	.bookings-links-wrapper-mobile {
		position:relative;
		top:-50px;
	}

}