/**********************************************************/
/*START BANNER STYLING */
.intro {
	position: relative;
	margin: -13px 0 0 0;
	padding-bottom: 25.3%;
}
.intro-box1 {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 95.3%;
}
.intro-box2 {
	background: url('imgs/Banner__BottomBorder.png') top center no-repeat;
	background-size: cover;
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8%;
}
#h1Secondary {
	font-family: 'PT Serif', serif;
	font-weight: 600;
	text-align: center;
	margin: 0 0 10px 0;
	font-size: 440%;
}
/*END BANNER STYLING */
/**********************************************************/
/*START MAIN CONTENT STYLING */
.main {
	background: rgba(255,255,255,1);
	text-align: justify;
	padding: 3% 6% 2.5% 6%;
	border-bottom: solid #dfe3ec;
	overflow: hidden;
}
.main > ul {
	text-align: left;
}
/*END MAIN CONTENT STYLING */
/**********************************************************/
/* START SCREEN SIZE STYLING */
@media screen and (max-width: 429px) {
	#h1Secondary{font-size: 205%;}
	.main{font-size: 110%; }
}
@media screen and (min-width: 430px) and (max-width: 599px) {
	#h1Secondary{font-size: 205%;}
	.main{font-size: 115%;}
}
@media screen and (min-width: 600px) and (max-width: 767px) {
	#h1Secondary{font-size: 240%;}
	.main{font-size: 115%;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	#h1Secondary{font-size: 284%;}
	.main{font-size: 120%;}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	#h1Secondary{font-size: 369%;}
	.main{font-size: 120%;}
}
@media screen and (min-width: 1200px) {
	#h1Secondary{font-size: 440%;}
	.main{font-size: 122%;}
}
/* END SCREEN SIZE STYLING */
/**********************************************************/