@media screen and (max-width: 900px) {
#container img, #flexbox img, #full img {
	width: 100% !important;
  }   
.cell1 {
	width: 90% !important;
  }   
.cell2 {
	width: 90% !important;
  }   
.cell3 {
	width: 90% !important;
  }   
.cell4 {
	width: 90% !important;
  }   
.o1 {order: 1;}
.o2 {order: 2;}
.o3 {order: 3;}
.o4 {order: 4;}
.o5 {order: 5;}
.o6 {order: 6;}
.o7 {order: 7;}
.o8 {order: 8;}
.o9 {order: 9;}
.o10 {order: 10;}
.o11 {order: 11;}
.o12 {order: 12;}
.o13 {order: 13;}
.o14 {order: 14;}
.o15 {order: 15;}
.o16 {order: 16;}
.o17 {order: 17;}
.o18 {order: 18;}
.o19 {order: 19;}
.o20 {order: 20;}
.o21 {order: 21;}
.o22 {order: 22;}
.o23 {order: 23;}
.o24 {order: 24;}
.o25 {order: 25;}
.o26 {order: 26;}
.o27 {order: 27;}
.o28 {order: 28;}
}
/*Tags*/
html {
	font-size: 1rem;
}
body {
	margin: 0;
	font-family: Roboto, sans serif;
	background-image: url("../images/background.jpg");
	background-attachment: scroll;
	background-size: contain;
}
h1 {
	font-family: modesto-condensed, serif;
	text-align: center;
	font-size: 3.5rem;
	color: #26282A;
	margin: 2% 0% 2% 0%;
}
h2 {
	font-family: modesto-condensed, serif;
	text-align: center;
}
h3 {
	font-family: "Roboto Condensed", sans serif;
}
div {
	margin: 0;
	padding: 0;
}
li {
	list-style-type: square;
}
ul {
	padding-left: 0%;
}
a:link, a:active {
	color: #E40712;
	text-decoration: none;
}
a:visited {
	color: #89080e;
	text-decoration: none;
}
a:hover {
	color: #26282A;
	text-decoration: underline;
}
/*IDs*/
#hero {
	width: 100%;
	height: auto;
	position: relative;
	margin: 0;
	padding: 0;
}

#navbar {
	background-color: #bf040d;
	overflow: hidden;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 2rem;
}
#navbar li {
	float: left;
	width: calc(100%/5);
	font-family: modesto-condensed, serif;
	font-size: 1.35rem;
	padding-left: 0%;
	list-style-type: none;
}
#navbar li a {
	display: block;
	padding: 2%;
}
#navbar a:link, #navbar a:visited {
	text-decoration: none;
	color: white;
}
#navbar a:hover {
	background-color: #021e9c;
}
#to_top {
	right: 1%;
	bottom: 2%;
	position: fixed;
}
#to_top img {
	display: block;
	padding: 2%;
}
#footer {
	clear: both;
	width: 100%;
	height: auto;
	background-color: #26282A;
	color: #FFFFFF;
	padding: .5% 0% .5% 0%;
}
#footer p {
	font-size: 0.75rem;
	color: #ffffff;
	text-align: center;
	padding: 0;
	margin: 0;
	font-weight: 750;
}
#full {
	background-color: #FFFFFF;
	width: 90%;
	height: 100%;
	margin: 3% auto 3% auto;
	padding: 2%;
}
#flexbox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	padding: 0% 0% 0% 0%;
	align-items: center;
}
#container {
	width: 90%;
	height: auto;
	margin: auto;
	padding: 2% 0 2% 0;
	align-items: center;
}
/*Classes*/

.herotext {
	position: absolute;
	width: 80%;
	top: 3%;
	left: 10%;
	color: #FFFFFF;
	font-size: 15vw;
}
.subtext {
	position: absolute;
	width: 80%;
	bottom: 2%;
	left: 10.5%;
	color: #FFFFFF;
	font-size: 6.5vw;
}
.left_text {
	text-align: left;
}
.right_text {
	text-align: right;
}
.center {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.left_pic {
	float: left;
	margin-right: 2%;
}
.right_pic {
	float: right;
	margin-left: 2%;
}
.videocontainer {
	overflow: hidden;
}
.videocontainer iframe {
	border: 0;
	height: 100%;
	width: 100%;
}
.cell1 {
	width: 45%;
	height: auto;
}
.cell2 {
	width: 45%;
	height: auto;
	align-self: flex-start;
	margin-bottom: 2%;
}
.cell3 {
	width: 30%;
	height: auto;
	margin-bottom: 5%;
}
.cell4 {
	width: 60%;
	height: auto;
	margin-bottom: 5%;
}
.nomargin {
	margin: 0;
}
.botmarg {
	margin-bottom: 4%;
}
#heroimage {
	width: 100%;
	height: auto;
	position: relative;
}