/* CSS RESET */
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	}
	
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
	
body {
	background: white;
	line-height: 1;
	color: black;
	}


/* WEBSITE CSS */
/* General Styles */
.visible-lg {
	display: none;
}

.visible-sm {
	display: block;
}

body {
	background-color: #fff;
	color: #fff;
	width: 100%;
}

h1 {
	color: #fff;
	font-family: proxima-nova, sans-serif;
	font-size: 14px;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	padding-top: 1.2%;
	padding-bottom: 1.2%;
	text-align: center;
}

h2 {
	color: #ff00ff;
	font-family: proxima-nova, sans-serif;
	font-size: 16px;
	font-weight: 400;
	font-style: italic;
	line-height: 21px;
	text-align: center;
}

h3 {
	color: #fff;
	font-family: proxima-nova, sans-serif;
	font-size: 26px;
	font-weight: 700;
	font-style: normal;
	line-height: 35px;
	text-transform: uppercase;
}

h4 {
	color: #fff;
	font-family: proxima-nova, sans-serif;
	font-size: 16px;
	font-weight: 400;
	font-style: italic;
	line-height: 21px;
	-webkit-text-stroke-width: .008em;
  -webkit-text-stroke-color: #4d5051;
}

p {
	color: #fff;
	font-family: proxima-nova, sans-serif;
	font-size: 18px;
	font-weight: 400;
	font-style: italic;
	line-height: 24px;
}

.sub {
	color: #fff;
	font-family: proxima-nova, sans-serif;
	font-size: 12px;
	font-weight: 400;
	font-style: italic;
	line-height: 15px;
	padding-bottom: 15px;
}

.sub-caps {
	color: #fff;
	font-family: proxima-nova, sans-serif;
	font-size: 12px;
	font-weight: 400;
	font-style: italic;
	line-height: 15px;
	text-transform: uppercase;
	padding-bottom: 15px;
}

a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #fff;
	text-decoration:underline;
}

.center {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}


/* Top Bar */
.top-bar {
	background-image: url(../img/top-bar-background.jpg);
	background-color: #431a67;
	background-size: cover;
	background-position: center;
	position: absolute;
	top: 0;
	width: 100%;
	height: 5%;
	margin-bottom: 1.5em;
}

.top-bar-overlay {
	background-color: rgba(60,21,189,0.5);
	position: absolute;
	top: 10px;
	width: 100%;
	max-width: 100vw;
	height: 5%;
	z-index: 1;
}

.top-bar a {
	position: fixed;
	top: 15px;
	right: 2%;
	font-size: large;
}

.logo-top {
	position: absolute;
	top: 1.3%;
	left: 3%;
}
	.logo-top img {
		width: 30%;
	}

/* Banner Styles */
.video-container {
	margin: 0;
}

video {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-top: 55px;
}


/* Hero Bar */
.hero-bar {
	background-color: #c20fff;
	width: 100%;
	position: relative;
	margin-top: -.7%;
	text-align: center;
}

.hero-bar:after {
	content: "";
	position: absolute;
	bottom: -17px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 17px 16px 0 16px;
	border-color: #c20fff transparent transparent transparent;
}

/* CTA */
.cta {
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 1.7em;
	margin-bottom: .7em;
}

/* Tiles */
.container {
	width: 100%;
}

.row {
	width: 100%;
}

.tile-container {
	background-color: #4d3291;
	max-width: 90%;
	margin-bottom: 25px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #4d3291;
}

.tile-image {
	max-width: 100%;
}

.tile-text-container {
	height: 180px;
	padding-top: 10px;
	padding-right: 7px;
	padding-left: 7px;
}

/* Footer */
.footer-bar {
	background-color: #61d9ff;
}

.footer-bar-text {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.footer {
	background-image: url(../img/las-vegas-welcome-center-footer-cityscape.png);
	background-color: #282560;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.logo-footer {
	width: 180px;
	padding-top: 12%;
	padding-bottom: 12%;
}

.footer-text {
	padding-right: 10px;
	padding-left: 10px;
}

/* Modals */
div.modal-dialog p {
	color: #333;
}

/*====================
========= 540 =========
====================*/
@media (min-width: 415px) and (max-width: 540px) {
	h1 {
		color: #fff;
		font-family: proxima-nova, sans-serif;
		font-size: 16px;
		font-weight: 700;
		font-style: normal;
		text-transform: uppercase;
		padding-top: 1.2%;
		padding-bottom: 1.2%;
		text-align: center;
	}

	h2 {
		color: #ff00ff;
		font-family: proxima-nova, sans-serif;
		font-size: 18px;
		font-weight: 400;
		font-style: italic;
		line-height: 23px;
		text-align: center;
	}

	h3 {
		color: #fff;
		font-family: proxima-nova, sans-serif;
		font-size: 18px;
		font-weight: 700;
		font-style: normal;
		line-height: 23px;
		text-transform: uppercase;
	}

	h4 {
		color: #fff;
		font-family: proxima-nova, sans-serif;
		font-size: 18px;
		font-weight: 400;
		font-style: italic;
		line-height: 23px;
		-webkit-text-stroke-width: .008em;
		-webkit-text-stroke-color: #4d5051;
	}
		
	.logo-top {
		position: absolute;
		top: .5%;
		left: 3%;
	}

	video {
		margin-top: 55px;
	}

	/* CTA */
	.cta {
		margin-bottom: .7em;
	}

	/* Tiles */
	.row {
		display: flex;
		flex-wrap: wrap;
		max-width: 100%;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		align-items: center;
		justify-content: center;
	}

	.tile-container {
		background-color: #4d3291;
		width: 45%;
		margin-top: 7px; 
		margin-right: 7px;
		margin-bottom: 7px;
		margin-left: 7px;
		border: 1px solid #4d3291;
	}

	/* Footer */
	.footer-bar {
		margin-top: 15px;
	}
}
	
/*====================
========= 768 =========
====================*/
@media (min-width: 541px) and (max-width: 929px) {
	h1 {
		color: #fff;
		font-family: proxima-nova, sans-serif;
		font-size: 22px;
		font-weight: 700;
		font-style: normal;
		text-transform: uppercase;
		padding-top: 1.2%;
		padding-bottom: 1.2%;
		text-align: center;
	}

	h2 {
		color: #ff00ff;
		font-family: proxima-nova, sans-serif;
		font-size: 20px;
		font-weight: 400;
		font-style: italic;
		line-height: 25px;
		text-align: center;
	}

	h3 {
		color: #fff;
		font-family: proxima-nova, sans-serif;
		font-size: 26px;
		font-weight: 700;
		font-style: normal;
		line-height: 35px;
		text-transform: uppercase;
	}

	h4 {
		color: #fff;
		font-family: proxima-nova, sans-serif;
		font-size: 20px;
		font-weight: 400;
		font-style: italic;
		line-height: 25px;
		-webkit-text-stroke-width: .008em;
		-webkit-text-stroke-color: #4d5051;
	}

	p {
		color: #fff;
		font-family: proxima-nova, sans-serif;
		font-size: 18px;
		font-weight: 400;
		font-style: italic;
		line-height: 24px;
	}

	.sub {
		color: #fff;
		font-family: proxima-nova, sans-serif;
		font-size: 14px;
		font-weight: 400;
		font-style: italic;
		line-height: 17px;
		padding-bottom: 15px;
	}

	.sub-caps {
		color: #fff;
		font-family: proxima-nova, sans-serif;
		font-size: 14px;
		font-weight: 400;
		font-style: italic;
		line-height: 17px;
		text-transform: uppercase;
		padding-bottom: 15px;
	}
		
	.logo-top {
		position: absolute;
		top: 1%;
		left: 3%;
	}
		.logo-top img {
			width: 32%;
		}

	video {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		position: relative;
		margin-top: 55px;
	}

	/* CTA */
	.cta {
		padding-right: 10px;
		padding-left: 10px;
		margin-top: 1.7em;
		margin-bottom: .7em;
	}

	/* Tiles */
	.container {
		width: 100%;
	}

	.row {
		display: flex;
		flex-wrap: wrap;
		max-width: 100%;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		align-items: center;
		justify-content: center;
	}

	.tile-container {
		background-color: #4d3291;
		width: 45%;
		margin-top: 7px; 
		margin-right: 7px;
		margin-bottom: 7px;
		margin-left: 7px;
		border: 1px solid #4d3291;
	}

	.tile-image {
		max-width: 100%;
	}

	.tile-text-container {
		height: 240px;
		padding-top: 10px;
		padding-right: 7px;
		padding-left: 7px;
	}

	/* Footer */
	.footer-bar {
		margin-top: 15px;
	}
	
	.logo-footer {
		width: 250px;
		padding-top: 12%;
		padding-bottom: 12%;
	}
}
/*====================
========= 930 =========
====================*/
@media (min-width: 930px) {
	h1 {
		color: #fff;
		font-family: proxima-nova, sans-serif;
		font-size: 30px;
		font-weight: 700;
		font-style: normal;
		text-transform: uppercase;
		padding-top: 1.2%;
		padding-bottom: 1.2%;
		text-align: center;
	}

	h2 {
		color: #ff00ff;
		font-family: proxima-nova, sans-serif;
		font-size: 25px;
		font-weight: 400;
		font-style: italic;
		line-height: 30px;
		text-align: center;
	}

	h3 {
		color: #fff;
		font-family: proxima-nova, sans-serif;
		font-size: 26px;
		font-weight: 700;
		font-style: normal;
		line-height: 35px;
		text-transform: uppercase;
	}

	h4 {
		color: #fff;
		font-family: proxima-nova, sans-serif;
		font-size: 22px;
		font-weight: 400;
		font-style: italic;
		line-height: 30px;
		-webkit-text-stroke-width: .008em;
		-webkit-text-stroke-color: #4d5051;
	}

	p {
		color: #fff;
		font-family: proxima-nova, sans-serif;
		font-size: 18px;
		font-weight: 400;
		font-style: italic;
		line-height: 24px;
	}

	.sub {
		color: #fff;
		font-family: proxima-nova, sans-serif;
		font-size: 14px;
		font-weight: 400;
		font-style: italic;
		line-height: 17px;
		padding-bottom: 15px;
	}

	.sub-caps {
		color: #fff;
		font-family: proxima-nova, sans-serif;
		font-size: 14px;
		font-weight: 400;
		font-style: italic;
		line-height: 17px;
		text-transform: uppercase;
		padding-bottom: 15px;
	}
		
	.logo-top {
		position: absolute;
		top: .8%;
		left: 3%;
	}
		.logo-top img {
			width: 42%;
		}

	video {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		position: relative;
		margin-top: 50px;
	}

	/* CTA */
	.cta {
		padding-right: 10px;
		padding-left: 10px;
		margin-top: 1.7em;
		margin-bottom: .7em;
	}

	/* Tiles */
	.container {
		width: 100%;
	}

	.row {
		display: flex;
		flex-wrap: wrap;
		max-width: 100%;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		align-items: center;
		justify-content: center;
	}

	.tile-container {
		background-color: #4d3291;
		width: 23%;
		margin-top: 7px; 
		margin-right: 7px;
		margin-bottom: 7px;
		margin-left: 7px;
		border: 1px solid #4d3291;
	}

	.tile-image {
		max-width: 100%;
	}

	.tile-text-container {
		height: 240px;
		padding-top: 10px;
		padding-right: 7px;
		padding-left: 7px;
	}

	/* Footer */
	.footer-bar {
		margin-top: 15px;
	}
	
	.logo-footer {
		width: 250px;
		padding-top: 12%;
		padding-bottom: 12%;
	}
}