body {
	margin: auto;

}

/* -------------------- Start topNav--------------- */
.topNav {
  width: 100%;
	background-color: #13273b;
  position: fixed;
	box-sizing: border-box;
	display: inline-block;
	z-index: 999;
	padding: 0px;
	/*! font-family: gotham,"Helvetica Neue",sans-serif; */
}

.topNav a {
	float: right;
  user-select: none;
  text-transform: uppercase;
  text-align: center;
  font-size:16px;
  color:white;
  transition:all 0.5s ease;
  text-decoration: none;
	text-transform: uppercase;
	padding: 10px 20px;
	/*! font-size: 12px; */
  /*! font-weight: bold; */
}

.icon {
  padding: 10px 20px;
}

.iconSize {
	width: 15px;
	vertical-align: middle;
}

#buttonLink {
	background-color: #baa57b;
	color: white;
	padding-bottom: 14.2px;
	font-weight: bold;
}
/* --------------------End topNav--------------- */

/* Hero Image */
.homeview {
  display: block;
  width: 100%;
  height: 100%;
}

.homeview img {
  width: 100%;
  max-height: 100%;
  object-fit: cover;
}

h2 {
	text-align: center;
	letter-spacing: 0.02em;
	font-size: 2em;
	font-family: 'droid-serif', serif;
	overflow: clip;
	/*! padding-bottom: 0; */
	margin-bottom: 0;
	margin-top: 0;
	max-width: 800px;
	margin: auto;
}

h2#about {
	text-align: left;
	padding-left: 10%;
}

#h3Article {
	text-align: left;
	font-weight: bold;
	font-family: 'Lato', sans-serif;
	font-size: 1.7rem;
	/*! text-decoration: 5px underline #baa57b; */

	text-decoration-skip-ink: none;
}

div#articles-about.sectionTwo {

	padding-top: 4%;
	/*! padding-right: 10%; */
	/*! padding-left: 10%; */
	padding-bottom: 4%;
	max-width: 1200px;
	margin: auto;
	padding-left: 9%;
	padding-right: 9%;
}

ul.altLists {
	margin-left: 20px;

}

ul#banner-ul {
	text-align: left;
	padding-left: 20%;
}

hr {
	display: block;
	width: 10%;
	border: 1px solid #d33f40;
	margin-top: 0px;
}

.spacer {
    width: 100%;
    height: 108px;
}

.section-banners {
	box-sizing: border-box;
	height: 400px;
	color: black;
	background-color: #f6f8fb;
	text-align: center;
	padding: 10%;
	font-size: 1.4rem;
	font-family: 'Lato', sans-serif;
	height: auto;
	padding-top: 2%;
	padding-bottom: 2%;
	overflow: hidden;
	/*! line-height: 1.5em; */
}

div.section-banners#section-titles {
	background-color: white;
}

.sectionAccordion {
	padding: 4rem;
	height: auto;
	box-sizing: border-box;
	/*! padding: 80px 200px 80px 200px; */
	/*! background-color: #cde0ec; */
	font-family: 'Lato', sans-serif;
	font-size: 1.4rem;
	/*! padding-top: 5px; */
}

.margins-master {

}

section#section-proud.section-banners {
	/*! padding-top: 5%; */
	/*! padding-bottom: 5%; */
}

.page-content {
	.sectionTwo {
		box-sizing: border-box;
		height: auto;
		color: black;
		background-color: white;
		text-align: left;
		font-size: 1.4rem;
		font-family: 'Lato', sans-serif;
		line-height: 1.6;
		padding-top: 0px;
		overflow: hidden;
		padding: 5%;
		padding-bottom: 5%;
	}
}

.sectionOne {
  box-sizing: border-box;
  height: 400px;
	color: black;
  background-color: #f6f8fb;
  text-align: center;
	padding: 100px 200px 100px 200px;
	font-size: 1.4rem;
	font-family: 'Lato', sans-serif;
	height: auto;
  padding-top: 5px;
  padding-bottom: 10px;
}

.sectionTwo {
	box-sizing: border-box;
	height: auto;
	color: black;
	background-color: white;
	text-align: left;
	font-size: 1.4rem;
	font-family: 'Lato', sans-serif;
	line-height: 1.6;
	padding-top: 0px;
	overflow: hidden;
	/*! padding-bottom: 4rem; */
	/*! padding-top: 4rem; */
	/*! padding-left: 5%; */
	/*! padding-bottom: 4rem; */
}

.sectionFour {
  box-sizing: border-box;
  height: 200px;
	color: white;
  background-color: #13273b;
  text-align: center;
	/*! padding: 20px; */
	font-size: 20px;
	font-family: 'Lato', sans-serif;
	height: auto;
	line-height: 1.6;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 9%;
  padding-right: 9%;
}

.videoContainer {
	box-sizing: border-box;
	padding-top: 100px;
	padding-bottom: 100px;
}

.sectionVideo {
	height: 800px;
	max-width: 560px;
	max-height: 315px;
	position: centered;
	margin: auto;
}

.title-left {
	/*! text-align: left; */
	/*! padding-left: 4rem; */

}

button {
	display: inline-block;
	color: #fff;
	padding: .75rem 1.5rem;
	text-decoration: none;
	background-color: #0075c5;
	border: 0;
	border-radius: 3px;
	background-color: #baa57b;
}

button:hover {
	background-color: #13273b;
	color: #baa57b;
}

}

.sectionAccordion {
	height: auto;
	box-sizing: border-box;
	padding: 80px 200px 80px 200px;
	/*! background-color: #cde0ec; */
	font-family: 'Lato', sans-serif;
	font-size: 1.4rem;
	padding-top: 5%;
}

/* Contact Elements */
.abcContainer {
  display: flex;
	padding-top: 100px;
	padding-bottom: 100px;
	height: auto;
}

.aContainer, .bContainer, .cContainer {
  flex: 1;
  border: 1px solid;
}

.contactIcon {
	width: 15px;
	vertical-align: middle;
}

.contactList {
	list-style-type: none;
}

#aContact {
	text-decoration: none;
}

#contactSpan {
	padding-left: 10px;
}

/* SOCIAL MEDIA SIDEBAR */
.icon-bar {
  position: fixed;
  top: 60vh;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  overflow: hidden;
  z-index: 2;
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 8px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.facebook {
  background: #3B5998;
  /*! border-top-right-radius: 6px; */
}

.email {
  background: #13273b;
}

.print {
  background: #baa57b;
  /*! border-bottom-right-radius: 6px; */
  cursor: pointer;
}

/*  Hover */
.facebook:hover {
  background: #324c81;
}

.email:hover {
  background: #13193b;
}

.print:hover {
	background: #b19c75;
} /* End SOCIAL MEDIA SIDEBAR */

/* Tablet */
@media only screen and (max-width: 64em) {
	.sectionOne {
		padding: 70px 100px 70px 100px;
	}
	.sectionTwo {
		/*! padding: 5%; */
	}
	.sectionAccordion {
		padding: 10px;
	}
	.abcContainer {
		flex-direction: column;
	}

}

/* Phone */
@media only screen and (max-width: 37.5em) {
	.topNav {
		display: none;
	}

	.spacer {
		height: 70px;
	}

	.navigation {
		top: 0px;
	}
	.sectionOne {
		padding: 15px 15px 15px 15px;
		text-align: center;
	}
	.sectionTwo {
		/*! padding: 35px 15px 35px 15px; */
		text-align: left;
	}
}