@charset "UTF-8";
/* CSS Document */

#header {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
	z-index: 0;
}

header {
	padding-left: 100px;
}

body {
	width: 100%;
	height: auto;
	background-color: black !important;

	}
		
	@font-face {
		font-family: 'metropolisregular';
		src: url('metropolis-regular-webfont.woff2') format('woff2'),
			 url('metropolis-regular-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;

	}
	@font-face {
		font-family: 'NORMAL';
		src: url('resources/Ubuntu-bold.ttf');
		font-weight:bold;
	}
	@font-face {
	  font-family: 'Open Sans';
	  font-style: normal;
	  font-weight: 400;
	  src: url(https://themes.googleusercontent.com/static/fonts/opensans/v6/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
	}
	a{
		color:black;
		visited:black;
		text-decoration:none;
	}
	* {margin:0; padding:0; text-indent:0; }
	 .p, p {
		color: #000000;
		font-family: "Open Sans", sans-serif;
		font-style: normal;
		font-weight: bold;
		text-decoration: none;
		font-size: 12px;
		margin: 0pt;
	}
	 .s1 { color: #323e48; font-family:"metropolisregular", sans-serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 20pt; }
	 .s2 { color: #231F20; font-family: "Open Sans"; font-style: normal; font-weight: normal; text-decoration: none; font-size: 12px; }
	 .s3 { color: #231F20; font-family:"Open Sans", sans-serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 16px; }
	 .s4 { color: #231F20; font-family:"Open Sans", sans-serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 14px; }
	 .s5 { color: black; font-family:"Times New Roman", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 5.5pt; }
	 .s6 { color: #231F20; font-family:"Arial", sans-serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 6.5pt; }
	 .s7 { color: #231F20; font-family:"Arial", sans-serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 6.5pt; }
	 .s8 {background-color: red; }



h1 {
/*	font-size: 10px;*/
	margin-left: auto;
	margin-right: auto;
	padding-top: auto;
	z-index: 1;
	color: white;
}

h2 {
	text-align: left;
	position: absolute;
	margin-top: 10px;
	z-index: 2;	
}

/*
p {
	font-size: 32px;
	color: aqua
}
*/



table {
	background-color: black;
	margin-top: 10px;
	position: relative;
	z-index: 0;
	border: none;
}

td {
	font-size: 20px;
	border: none;

}

a:link {
  color: black;
  text-decoration: none;
  display: block;
}

/* visited link */
a:visited {
  color: black;
}

/* mouse over link */
a:hover {
	
}

/* selected link */
a:active {
  color: black;
}


i {
	color: white;
	font-size: 30px;
	transform: rotate(90deg);
	text-align: end;
}

ul {
  list-style: none; /* Remove default bullets */
}

/*To stylize the bullet points in schedule*/
ul li::before{
	content: "\2022";
	padding-left: 20px;
	color: #0a6fd8;
    margin-right: 10px;
	font-size: 30px;
}

.container1 {
/*  position: relative;*/
  overflow: hidden;
  width: 100%;
  padding-top: 0%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  padding-left: 0%;
}

.mainContent {
	display: inline;
}

iframe {
	height: 0;
}
.responsive-iframe {
  position: relative;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
/*  float: left;*/
}

/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
}

.vp-center {
	align-items: flex-start;
}

/*
@media screen and (max-width: 1400px) {
	#qrCode {
		height: 200px;
		width: 200px;
	}
}
*/
