@charset "utf-8";
/* CSS Document */
nav.navbar {
	display: block;
	padding-bottom: 16px;
}

div.banner {
	background-color: #d81f2d;
	color: #ffffff;
	font-family: 'Poppins', sans-serif;
	font-size: 36px;
	font-weight: 500;
	line-height: 36px;
	text-align: center;
	height: auto;
	width: 100%;
	padding-bottom: 32px;
	padding-top: 32px;
}

div.banneralt {
	background-color: #ffffff;
	color: #d81f2d;
	font-family: 'Poppins', sans-serif;
	font-size: 36px;
	font-weight: 500;
	line-height: 36px;
	text-align: center;
	height: auto;
	width: 100%;
	padding-bottom: 32px;
	padding-top: 32px;
}

.columnCL {
	float: left;
	height: auto;
	margin-left: 62.5px;
}

.columnCR {
	float: right;
	height: auto;
	margin-right: 62.5px;
}

.columnL {
	float: left;
	height: auto;
}

.columnR {
	float: right;
	height: auto;
}

.column {
	float: left;
	height: auto;
	width: auto;
}

.imgCompareL:after {
	 content: "";
	 display: table;
	 clear: both;
 	 width: 100%;
}

.imgCompareR:after {
 	 content: "";
 	 display: table;
	 clear: both;
	 width: 100%;
}

.mapCompare:after {
	content: "";
 	display: table;
 	clear: both;
	width: 100%;
}

.img-comp-container {
  	position: relative;
  	height: 350px; /*should be the same height as the images*/
  	width: 350px;
}

.img-comp-img {
  	position: absolute;
  	width: auto;
  	height: auto;
  	overflow: hidden;
}

.img-comp-img img {
 	 display:block;
 	 vertical-align:middle;
}

.img-comp-slider {
 	 position: absolute;
 	 z-index:9;
 	 cursor: ew-resize;
 	 /*set the appearance of the slider:*/
 	 width: 5px;
 	 height: 365px;
 	 background-color: #73c2e5;
 	 border: solid 1px rgba(0, 0, 0, .5);
 	 opacity: 0.75;
}

.img-comp-sliderL {
 	position: absolute;
	z-index:9;
 	cursor: ew-resize;
 	/*set the appearance of the slider:*/
  	width: 7px;
  	height: 515px;
 	background-color: #73c2e5;
  	border: solid 1px rgba(0, 0, 0, .5);
  	opacity: 0.75;
}	

div.reviewbanner {
	background-color: #1f283f;
	width: 100%;
}

div.tagembed-widget {
	padding-bottom: 25px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 25px;
}

div.privacy {
	padding-bottom: 25px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 25px;
}

li {
	color: #1f283f;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	margin: auto;
}

/* Mobile */
@media only screen and (max-width: 500px) {
	body {
		background-color: #1f283f;
		margin: 0px;
}
	
	.button1 {
		background-color: #ffffff;
		border: 2px solid;
		border-color: #1f283f;
		border-radius: 6px;
		color: #1f283f;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-weight: 500;
		letter-spacing: 1px;
		padding-bottom: 8px;
		padding-left: 22px;
		padding-right: 22px;
		padding-top: 6px;
		margin-bottom: 6px;
		margin-left: 14px;
		margin-right: 14px;
		margin-top: 6px;
		cursor: pointer;
	}
	
	.button2 {
		background-color: #415a7f;
		border: 2px solid;
		border-color: #415a7f;
		border-radius: 6px;
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-weight: 500;
		letter-spacing: 1px;
		padding-bottom: 6px;
		padding-left: 22px;
		padding-right: 22px;
		padding-top: 6px;
		margin-bottom: 6px;
		margin-left: 14px;
		margin-right: 14px;
		margin-top: 6px;
		cursor: pointer;
	}
	
	header {
		background-color: white;
		margin: auto;
		height: auto;
		width: 100%;
}
	
	div.bubblebanner {
		background-color: #1f283f;
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-weight: 500;
		line-height: 32px;
		text-align: center;
		height: 100%;
		width: 100%;
		padding-bottom: 32px;
		padding-top: 32px;
}

	main {
		background-color: white;
		margin: auto;
		height: auto;
		width: 100%;
		overflow: hidden;
}
	
	
	a.darkblue {
		color: #1f283f;
}

	a.darkbluealt {
		color: #1f283f;
		text-decoration: none;
}

	a.white {
		color: #ffffff;
}

	p.darkblue {
		color: #1f283f;
		font-family: 'Poppins', sans-serif;
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
		margin: auto;
}

	p.white {
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 14px;
		font-weight: 400;
		line-height: 18px;
		margin: auto;
		padding-left: 5%;
		padding-right: 5%;
}
	
	h1.red {
		color: #d81f2d;
		font-family: 'Poppins', sans-serif;
		font-size: 24px;
		font-weight: 700;
		line-height: 24px;
		margin: 0px;
		padding-bottom: 24px;
		padding-top: 12px;
}

	h1.white {
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 24px;
		font-weight: 700;
		line-height: 24px;
		margin: 0px;
		padding-bottom: 9px;
		padding-top: 0px;
}

	h1.whitealt {
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 24px;
		font-weight: 500;
		line-height: 24px;
		margin: 0px;
		padding-left: 8px;
		padding-right: 8px;
}
	
	h3.darkblue {
		color: #1f283f;
		font-family: 'Poppins', sans-serif;
		font-size: 24px;
		font-weight: 700;
		line-height: 24px;
		margin: 0px;
		padding-bottom: 6px;
		padding-top: 0px;
}

	h3.white {
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 24px;
		font-weight: 700;
		line-height: 24px;
		margin: 0px;
		padding-bottom: 6px;
		padding-top: 0px;
}
	
	.img-comp-containerL {
  		position: relative;
  		height: 500px;
 		width: 500px;
}
	
	.leftC {
		height: 500px;
		width: 500px;
		padding-bottom: 25px;
		padding-left: 25px;
		padding-right: 25px;
	}
	
	.rightC {
		height: 500px;
		width: 500px;
		padding-bottom: 25px;
		padding-left: 25px;
		padding-right: 25px;
	}
	
	.leftL {
		width: 10%;
		padding-bottom: 25px;
		padding-left: 25px;
		padding-right: 37px;
		padding-top: 25px;
	}

	.rightL {
		width: 90%;
		padding-bottom: 25px;
		padding-left: 13px;
		padding-right: 25px;
		padding-top: 25px;
	}
	
	.leftR {
		float: left;
		width: 90%;
		padding-bottom: 25px;
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 25px;
	}

	.rightR {
		float: right;
		width: 90%;
		padding-bottom: 25px;
		padding-left: 25px;
		padding-right: 25px;
	}
	
	.left {
		width: 90%;
		padding-bottom: 25px;
		padding-left: 37px;
		padding-right: 25px;
		padding-top: 25px;
	}
	
	.right {
		width: 100%;
		padding-bottom: 25px;
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 25px;
		overflow: hidden;
	}
	
	footer {
		background-color: #d81f2d;
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-weight: 700;
		line-height: 24px;
		margin: auto;
		width: 100%;
		padding-bottom: 25px;
		padding-top: 25px;
	}
}

/* Tablet */
@media only screen and (min-width: 500px) {
	body {
		background-color: #73c2e5;
		margin: 0px;
}
	
	.button1 {
		background-color: #ffffff;
		border: 2px solid;
		border-color: #1f283f;
		border-radius: 6px;
		color: #1f283f;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-weight: 500;
		letter-spacing: 1px;
		padding-bottom: 8px;
		padding-left: 24px;
		padding-right: 24px;
		padding-top: 8px;
		margin-bottom: 8px;
		margin-left: 16px;
		margin-right: 16px;
		margin-top: 8px;
		cursor: pointer;
	}
	
	.button2 {
		background-color: #415a7f;
		border: 2px solid;
		border-color: #415a7f;
		border-radius: 6px;
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-weight: 500;
		letter-spacing: 1px;
		padding-bottom: 8px;
		padding-left: 24px;
		padding-right: 24px;
		padding-top: 8px;
		margin-bottom: 8px;
		margin-left: 16px;
		margin-right: 16px;
		margin-top: 8px;
		cursor: pointer;
	}
	
	header {
		background-color: white;
		margin: auto;
		height: auto;
		width: 75%;
	}
	
	
	div.bubblebanner {
		background-color: #1f283f;
		background-image: url("images/BubbleBannerSmall.jpg");
		background-position: center;
		background-repeat: repeat-y;
		background-size: 175%;
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-weight: 500;
		line-height: 32px;
		text-align: center;
		height: 100%;
		width: 100%;
		padding-bottom: 32px;
		padding-top: 32px;
}

	main {
		background-color: white;
		margin: auto;
		height: auto;
		width: 75%;
	}
	
	a.darkblue {
		color: #1f283f;
}

	a.darkbluealt {
		color: #1f283f;
		text-decoration: none;
}

	a.white {
		color: #ffffff;
}

	p.darkblue {
		color: #1f283f;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 22px;
		margin: auto;
}

	p.white {
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 22px;
		margin: auto;
		padding-left: 15%;
		padding-right: 15%;
}
	
	h1.red {
		color: #d81f2d;
		font-family: 'Poppins', sans-serif;
		font-size: 36px;
		font-weight: 700;
		line-height: 36px;
		margin: 0px;
		padding-bottom: 36px;
		padding-top: 18px;
}

	h1.white {
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 36px;
		font-weight: 700;
		line-height: 36px;
		margin: 0px;
		padding-bottom: 9px;
		padding-top: 0px;
}

	h1.whitealt {
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 36px;
		font-weight: 500;
		line-height: 36px;
		margin: 0px;
		padding-left: 8px;
		padding-right: 8px;
}
	
	h3.darkblue {
		color: #1f283f;
		font-family: 'Poppins', sans-serif;
		font-size: 24px;
		font-weight: 700;
		line-height: 24px;
		margin: 0px;
		padding-bottom: 6px;
		padding-top: 0px;
}

	h3.white {
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 24px;
		font-weight: 700;
		line-height: 24px;
		margin: 0px;
		padding-bottom: 6px;
		padding-top: 0px;
}
	
	.img-comp-containerL {
  		position: relative;
  		height: 500px; /*should be the same height as the images*/
 		width: 500px;
}
	
	.leftC {
		height: 500px;
		width: 500px;
		padding-bottom: 25px;
		padding-left: 25px;
		padding-right: 25px;
	}
	
	.rightC {
		height: 500px;
		width: 500px;
		padding-bottom: 25px;
		padding-left: 25px;
		padding-right: 25px;
	}
	
	.leftL {
		width: 10%;
		padding-bottom: 25px;
		padding-left: 25px;
		padding-right: 37px;
		padding-top: 25px;
	}

	.rightL {
		width: 90%;
		padding-bottom: 25px;
		padding-left: 13px;
		padding-right: 25px;
		padding-top: 25px;
	}
	
	.leftR {
		float: left;
		width: 90%;
		padding-bottom: 25px;
		padding-left: 25px;
		padding-right: 13px;
		padding-top: 25px;
	}

	.rightR {
		float: right;
		width: 90%;
		padding-bottom: 25px;
		padding-left: 25px;
		padding-right: 25px;
	}
	
	.left {
		width: 90%;
		padding-bottom: 25px;
		padding-left: 37px;
		padding-right: 25px;
		padding-top: 25px;
	}
	
	.right {
		width: 100%;
		padding-bottom: 25px;
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 25px;
		overflow: hidden;
	}
	
	footer {
		background-color: #d81f2d;
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-weight: 700;
		line-height: 24px;
		margin: auto;
		width: 75%;
		padding-bottom: 25px;
		padding-top: 25px;
	}
}

/* Desktop Small */
@media only screen and (min-width: 1000px) {
	body {
		background-color: #73c2e5;
		margin: 0px;
}
	
	.button1 {
		background-color: #ffffff;
		border: 2px solid;
		border-color: #1f283f;
		border-radius: 6px;
		color: #1f283f;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-weight: 500;
		letter-spacing: 1px;
		padding-bottom: 8px;
		padding-left: 24px;
		padding-right: 24px;
		padding-top: 8px;
		margin-bottom: 8px;
		margin-left: 16px;
		margin-right: 16px;
		margin-top: 8px;
		cursor: pointer;
	}
	
	.button1:hover {
		background-color: #1f283f;
		border: 2px solid;
		border-color: #1f283f;
		border-radius: 6px;
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-weight: 500;
		letter-spacing: 1px;
		padding-bottom: 8px;
		padding-left: 24px;
		padding-right: 24px;
		padding-top: 8px;
		margin-bottom: 8px;
		margin-left: 16px;
		margin-right: 16px;
		margin-top: 8px;
		cursor: pointer;
	}
	
	.button2 {
		background-color: #415a7f;
		border: 2px solid;
		border-color: #415a7f;
		border-radius: 6px;
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-weight: 500;
		letter-spacing: 1px;
		padding-bottom: 8px;
		padding-left: 24px;
		padding-right: 24px;
		padding-top: 8px;
		margin-bottom: 8px;
		margin-left: 16px;
		margin-right: 16px;
		margin-top: 8px;
		cursor: pointer;
	}
	
	.button2:hover {
		background-color: #d81f2d;
		border: 2px solid;
		border-color: #d81f2d;
		border-radius: 6px;
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-weight: 500;
		letter-spacing: 1px;
		padding-bottom: 8px;
		padding-left: 24px;
		padding-right: 24px;
		padding-top: 8px;
		margin-bottom: 8px;
		margin-left: 16px;
		margin-right: 16px;
		margin-top: 8px;
		cursor: pointer;
	}
	
	header {
		background-color: white;
		margin: auto;
		height: auto;
		width: 50%;
	}
	
	div.bubblebanner {
		background-color: #1f283f;
		background-image: url("images/BubbleBannerSmall.jpg");
		background-position: center;
		background-repeat: repeat-y;
		background-size: 125%;
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-weight: 500;
		line-height: 32px;
		text-align: center;
		height: 100%;
		width: 100%;
		padding-bottom: 32px;
		padding-top: 32px;
}

	main {
		background-color: white;
		margin: auto;
		height: auto;
		width: 50%;
	}
	
	a.darkblue {
		color: #1f283f;
}

	a.darkbluealt {
		color: #1f283f;
		text-decoration: none;
}

	a.white {
		color: #ffffff;
}

	p.darkblue {
		color: #1f283f;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 22px;
		margin: auto;
}

	p.white {
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 22px;
		margin: auto;
		padding-left: 15%;
		padding-right: 15%;
}
	
	h1.red {
		color: #d81f2d;
		font-family: 'Poppins', sans-serif;
		font-size: 36px;
		font-weight: 700;
		line-height: 36px;
		margin: 0px;
		padding-bottom: 36px;
		padding-top: 18px;
}

	h1.white {
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 36px;
		font-weight: 700;
		line-height: 36px;
		margin: 0px;
		padding-bottom: 9px;
		padding-top: 0px;
}

	h1.whitealt {
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 36px;
		font-weight: 500;
		line-height: 36px;
		margin: 0px;
		padding-left: 8px;
		padding-right: 8px;
}
	
	h3.darkblue {
		color: #1f283f;
		font-family: 'Poppins', sans-serif;
		font-size: 24px;
		font-weight: 700;
		line-height: 24px;
		margin: 0px;
		padding-bottom: 6px;
		padding-top: 0px;
}

	h3.white {
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 24px;
		font-weight: 700;
		line-height: 24px;
		margin: 0px;
		padding-bottom: 6px;
		padding-top: 0px;
}
	
	.img-comp-containerL {
  		position: relative;
  		height: 500px; /*should be the same height as the images*/
 		width: 500px;
}
	
	.leftC {
		height: 500px;
		width: 500px;
		padding-bottom: 25px;
		padding-left: 25px;
		padding-right: 25px;
	}
	
	.rightC {
		height: 500px;
		width: 500px;
		padding-bottom: 25px;
		padding-left: 25px;
		padding-right: 25px;
	}
	
	.leftL {
		width: 350px;
		padding-bottom: 25px;
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 25px;
	}

	.rightL {
		width: 50%;
		padding-bottom: 25px;
		padding-left: 13px;
		padding-right: 25px;
		padding-top: 25px;
	}
	
	.leftR {
		width: 50%;
		padding-bottom: 25px;
		padding-left: 25px;
		padding-right: 13px;
		padding-top: 25px;
	}

	.rightR {
		width: 350px;
		padding-bottom: 25px;
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 25px;
	}
	
	.left {
		width: 90%;
		padding-bottom: 25px;
		padding-left: 37px;
		padding-right: 25px;
		padding-top: 25px;
	}
	
	.right {
		width: 100%;
		padding-bottom: 25px;
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 25px;
		overflow: hidden;
	}
	
	footer {
		background-color: #d81f2d;
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-weight: 700;
		line-height: 24px;
		margin: auto;
		width: 50%;
		padding-bottom: 25px;
		padding-top: 25px;
	}
}

/* Desktop Normal */
@media only screen and (min-width: 1750px) {
	body {
		background-color: #73c2e5;
		margin: 0px;
}
	
	.button1 {
		background-color: #ffffff;
		border: 2px solid;
		border-color: #1f283f;
		border-radius: 6px;
		color: #1f283f;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-weight: 500;
		letter-spacing: 1px;
		padding-bottom: 8px;
		padding-left: 24px;
		padding-right: 24px;
		padding-top: 8px;
		margin-bottom: 8px;
		margin-left: 16px;
		margin-right: 16px;
		margin-top: 8px;
		cursor: pointer;
	}
	
	.button1:hover {
		background-color: #1f283f;
		border: 2px solid;
		border-color: #1f283f;
		border-radius: 6px;
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-weight: 500;
		letter-spacing: 1px;
		padding-bottom: 8px;
		padding-left: 24px;
		padding-right: 24px;
		padding-top: 8px;
		margin-bottom: 8px;
		margin-left: 16px;
		margin-right: 16px;
		margin-top: 8px;
		cursor: pointer;
	}
	
	.button2 {
		background-color: #415a7f;
		border: 2px solid;
		border-color: #415a7f;
		border-radius: 6px;
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-weight: 500;
		letter-spacing: 1px;
		padding-bottom: 8px;
		padding-left: 24px;
		padding-right: 24px;
		padding-top: 8px;
		margin-bottom: 8px;
		margin-left: 16px;
		margin-right: 16px;
		margin-top: 8px;
		cursor: pointer;
	}
	
	.button2:hover {
		background-color: #d81f2d;
		border: 2px solid;
		border-color: #d81f2d;
		border-radius: 6px;
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-weight: 500;
		letter-spacing: 1px;
		padding-bottom: 8px;
		padding-left: 24px;
		padding-right: 24px;
		padding-top: 8px;
		margin-bottom: 8px;
		margin-left: 16px;
		margin-right: 16px;
		margin-top: 8px;
		cursor: pointer;
	}
	
	header {
		background-color: white;
		margin: auto;
		height: auto;
		width: 50%;
	}
	
	div.bubblebanner {
		background-color: #1f283f;
		background-image: url("images/BubbleBannerSmall.jpg");
		background-position: center;
		background-repeat: repeat-y;
		background-size: 125%;
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-weight: 500;
		line-height: 32px;
		text-align: center;
		height: 100%;
		width: 100%;
		padding-bottom: 32px;
		padding-top: 32px;
}

	main {
		background-color: white;
		margin: auto;
		height: auto;
		width: 50%;
	}
	
	a.darkblue {
		color: #1f283f;
}

	a.darkbluealt {
		color: #1f283f;
		text-decoration: none;
}

	a.white {
		color: #ffffff;
}

	p.darkblue {
		color: #1f283f;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 22px;
		margin: auto;
}

	p.white {
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 22px;
		margin: auto;
		padding-left: 15%;
		padding-right: 15%;
}
	
	h1.red {
		color: #d81f2d;
		font-family: 'Poppins', sans-serif;
		font-size: 36px;
		font-weight: 700;
		line-height: 36px;
		margin: 0px;
		padding-bottom: 36px;
		padding-top: 18px;
}

	h1.white {
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 36px;
		font-weight: 700;
		line-height: 36px;
		margin: 0px;
		padding-bottom: 9px;
		padding-top: 0px;
}

	h1.whitealt {
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 36px;
		font-weight: 500;
		line-height: 36px;
		margin: 0px;
		padding-left: 8px;
		padding-right: 8px;
}
	
	h3.darkblue {
		color: #1f283f;
		font-family: 'Poppins', sans-serif;
		font-size: 24px;
		font-weight: 700;
		line-height: 24px;
		margin: 0px;
		padding-bottom: 6px;
		padding-top: 0px;
}

	h3.white {
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 24px;
		font-weight: 700;
		line-height: 24px;
		margin: 0px;
		padding-bottom: 6px;
		padding-top: 0px;
}
	
	.img-comp-containerL {
  		position: relative;
  		height: 500px; /*should be the same height as the images*/
 		width: 500px;
}
	
	.leftC {
		height: 500px;
		width: 500px;
		padding-bottom: 25px;
		padding-left: 25px;
		padding-right: 25px;
	}
	
	.rightC {
		height: 500px;
		width: 500px;
		padding-bottom: 25px;
		padding-left: 25px;
		padding-right: 25px;
	}
	
	.leftL {
		width: 350px;
		padding-bottom: 25px;
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 25px;
	}

	.rightL {
		width: 50%;
		padding-bottom: 25px;
		padding-left: 13px;
		padding-right: 25px;
		padding-top: 25px;
	}
	
	.leftR {
		width: 50%;
		padding-bottom: 25px;
		padding-left: 25px;
		padding-right: 13px;
		padding-top: 25px;
	}

	.rightR {
		width: 350px;
		padding-bottom: 25px;
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 25px;
	}
	
	.left {
		width: 33%;
		padding-bottom: 25px;
		padding-left: 37px;
		padding-right: 25px;
		padding-top: 25px;
	}
	
	.right {
		width: 55%;
		padding-bottom: 25px;
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 25px;
	}
	
	footer {
		background-color: #d81f2d;
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-weight: 700;
		line-height: 24px;
		margin: auto;
		width: 50%;
		padding-bottom: 25px;
		padding-top: 25px;
	}
}

/* Desktop Large */
@media only screen and (min-width: 2250px) {
	body {
		background-color: #73c2e5;
		margin: 0px;
}
	
	.button1 {
		background-color: #ffffff;
		border: 2px solid;
		border-color: #1f283f;
		border-radius: 6px;
		color: #1f283f;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-weight: 500;
		letter-spacing: 1px;
		padding-bottom: 8px;
		padding-left: 24px;
		padding-right: 24px;
		padding-top: 8px;
		margin-bottom: 8px;
		margin-left: 16px;
		margin-right: 16px;
		margin-top: 8px;
		cursor: pointer;
	}
	
	.button1:hover {
		background-color: #1f283f;
		border: 2px solid;
		border-color: #1f283f;
		border-radius: 6px;
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-weight: 500;
		letter-spacing: 1px;
		padding-bottom: 8px;
		padding-left: 24px;
		padding-right: 24px;
		padding-top: 8px;
		margin-bottom: 8px;
		margin-left: 16px;
		margin-right: 16px;
		margin-top: 8px;
		cursor: pointer;
	}
	
	.button2 {
		background-color: #415a7f;
		border: 2px solid;
		border-color: #415a7f;
		border-radius: 6px;
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-weight: 500;
		letter-spacing: 1px;
		padding-bottom: 8px;
		padding-left: 24px;
		padding-right: 24px;
		padding-top: 8px;
		margin-bottom: 8px;
		margin-left: 16px;
		margin-right: 16px;
		margin-top: 8px;
		cursor: pointer;
	}
	
	.button2:hover {
		background-color: #d81f2d;
		border: 2px solid;
		border-color: #d81f2d;
		border-radius: 6px;
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-weight: 500;
		letter-spacing: 1px;
		padding-bottom: 8px;
		padding-left: 24px;
		padding-right: 24px;
		padding-top: 8px;
		margin-bottom: 8px;
		margin-left: 16px;
		margin-right: 16px;
		margin-top: 8px;
		cursor: pointer;
	}
	
	header {
		background-color: white;
		margin: auto;
		height: auto;
		width: 50%;
	}
	
	div.bubblebanner {
		background-color: #1f283f;
		background-image: url("images/BubbleBanner.jpg");
		background-position: center;
		background-repeat: no-repeat;
		background-size: 115%;
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-weight: 500;
		line-height: 32px;
		text-align: center;
		height: auto;
		width: 100%;
		padding-bottom: 32px;
		padding-top: 32px;
}


	main {
		background-color: white;
		margin: auto;
		height: auto;
		width: 50%;
	}
	
	a.darkblue {
		color: #1f283f;
}

	a.darkbluealt {
		color: #1f283f;
		text-decoration: none;
}

	a.white {
		color: #ffffff;
}

	p.darkblue {
		color: #1f283f;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 22px;
		margin: auto;
}

	p.white {
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 22px;
		margin: auto;
		padding-left: 15%;
		padding-right: 15%;
}
	
	h1.red {
		color: #d81f2d;
		font-family: 'Poppins', sans-serif;
		font-size: 36px;
		font-weight: 700;
		line-height: 36px;
		margin: 0px;
		padding-bottom: 36px;
		padding-top: 18px;
}

	h1.white {
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 36px;
		font-weight: 700;
		line-height: 36px;
		margin: 0px;
		padding-bottom: 9px;
		padding-top: 0px;
}

	h1.whitealt {
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 36px;
		font-weight: 500;
		line-height: 36px;
		margin: 0px;
		padding-left: 8px;
		padding-right: 8px;
}
	
	h3.darkblue {
		color: #1f283f;
		font-family: 'Poppins', sans-serif;
		font-size: 24px;
		font-weight: 700;
		line-height: 24px;
		margin: 0px;
		padding-bottom: 6px;
		padding-top: 0px;
}

	h3.white {
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 24px;
		font-weight: 700;
		line-height: 24px;
		margin: 0px;
		padding-bottom: 6px;
		padding-top: 0px;
}
	
	.img-comp-containerL {
  		position: relative;
  		height: 500px; /*should be the same height as the images*/
 		width: 500px;
}
	
	.leftC {
		height: 500px;
		width: 500px;
		padding-bottom: 25px;
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 25px;
	}
	
	.rightC {
		height: 500px;
		width: 500px;
		padding-bottom: 25px;
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 25px;
	}
	
	.leftL {
		width: 350px;
		padding-bottom: 25px;
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 25px;
	}

	.rightL {
		width: 60%;
		padding-bottom: 25px;
		padding-left: 13px;
		padding-right: 25px;
		padding-top: 25px;
	}
	
	.leftR {
		width: 60%;
		padding-bottom: 25px;
		padding-left: 25px;
		padding-right: 13px;
		padding-top: 25px;
	}

	.rightR {
		width: 350px;
		padding-bottom: 25px;
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 25px;
	}
	
	.left {
		width: 37%;
		padding-bottom: 25px;
		padding-left: 37px;
		padding-right: 25px;
		padding-top: 25px;
	}
	
	.right {
		width: 50%;
		padding-bottom: 25px;
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 25px;
	}
	
	footer {
		background-color: #d81f2d;
		color: #ffffff;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-weight: 700;
		line-height: 24px;
		margin: auto;
		width: 50%;
		padding-bottom: 25px;
		padding-top: 25px;
	}
}