html {
	height: 100%;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

/*Element name */

#body {
	padding: 10px;
	padding-bottom: 122px;
	margin-top: 120px;
}

#mapsWidget {
	padding-right: 20px;
	height: 420px;
}


body {
	background-color: #f2f2f2;
	position: relative;
	margin: 0;
	padding-bottom: 6rem;
	min-height: 100%;
}

li {
	margin-top: 15px;
	float: right;
}

p {
	font-family: 'Open Sans', sans-serif;
	color: black;
	padding-left: 10px;
	padding-right: 20px;
}

span {
	font-size: 100%;
}

ul li.icon {
	display: none;
}

/*Classes*/
.center {
	margin: auto;
	text-align: center;
}

.contact {
	font-weight: bold;
	font-size: 120%;
}

.container-fluid {
	padding-top: 15px;
}

.footer {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1rem;
	background-color: #0047b3;
	text-align: center;
	color: white;
}

.divHeader {
	margin-top: 45px;
	height: auto;
	position: relative;
	padding: 0px 0;
	text-align: center;
}

.headerImage {
	height: 120px;
}

.h1 {
	text-align: center;
}

.h2 {
	color: black;
	font-weight: bold;
}

/*Logos*/
.logoText {
	display: none;
	padding: 5px;
	left: 50%;
	padding-left: 10px;
}

.bigLogo h1,
.bigLogo h1:hover {
	padding: 5px;
	left: 50%;
	padding-left: 20px;
	font-size: 100%;
	color: #fff;
}

.smallLogo h1,
.smallLogo h1:hover {
	display: none;
	left: 50%;
	padding-left: 115px;
	font-size: 80%;
	color: #fff;
}

/*End logos*/

.linkActive {
	font-weight: bold;
	font-size: 120%;
}
/* Navbar */
.navbar-default {
	background-color: #0047b3;
	border-color: #E7E7E7;
}

.navbar {
	height: 130px;
	border: 0px;
	margin-bottom: 0px;
}

.navbar-brand {
	padding: 5px;
	left: 50%;
	padding-left: 50px;
}

	.navbar-brand > img {
		height: 120px;
		margin-top: -15px;
	}

.navbar-default .navbar-brand {
	color: #fff;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	/*border-top:1px solid #e0e6eb;
	border-left:1px solid #e0e6eb;
	border-right: 1px solid #e0e6eb;*/
	text-decoration: underline;
	color: #fff;
}

.navbar-default .navbar-nav > li > a {
	color: #fff;
	text-align: right;
	transition: 0.3s;
	display: inline-block;
	font-size: 110%;
	/*Change active text color here*/
}

.navbar-home {
	font-weight: bold;
}

.navbar-right {
	margin-top: 45px;
	font-size: 110%;
}



/*End of Navbar*/

.rowBody {
	padding-left: 10px;
	background-color: #fff;
	box-shadow: 5px 5px 5px #888888;
	margin-top: 30px;
	margin-left: 4px;
	margin-right: 0px;
	border-radius: 1px;
	padding-bottom: 14px;
}

	.rowBody h1 {
		font-weight: bold;
		font-size: 120%;
		color: #0047b3;
	}

.rowCustom {
	background-color: #fff;
	box-shadow: 5px 5px 5px #888888;
	border-radius: 5px;
	margin-top: 14px;
}

	.rowCustom h1 {
		color: #0047b3;
		text-align: center;
		font-weight: bold;
		font-size: 110%;
		padding: 10px;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.rowCustom p {
		padding: 10px;
		margin-top: 0px;
		margin-bottom: 0px;
	}


.welcomeTitle {
	/*padding:15px;*/
	padding-left: 0px;
	color: #e6e6e6;
	;
	font-size: 3em;
	margin: auto;
	text-align: center;
}

.welcomeSubtitle {
	font-size: 0.5em;
	color: #e6e6e6;
	;
	font-weight: bold;
	margin: auto;
	text-align: center;
}



/*-------MEDIA QUERIES--------*/
@media screen and (max-width:1612px) {
	a.bigLogo {
		font-size: 110%;
	}
}

/* When the screen is less than 1430 pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */
@media screen and (max-width:1565px) {
	ul.navbar-nav li:not(:first-child) {
		display: none;
	}

	ul.navbar-nav li.icon {
		float: right;
		display: inline-block;
	}

	ul.navbar-nav li {
		float: left;
		background-color: #0047b3;
	}

		ul.navbar-nav li a {
			text-align: center;
			padding: 14px 16px;
			transition: 0.3s;
			background-color: #0047b3;
		}

	ul.navbar {
		padding: 0px;
	}

	div.navbar-header {
		width: 20%;
		padding: 0px;
		margin: 0;
	}

	a.bigLogo {
		padding-left: 0px;
	}

	ul.nav.navbar-nav.responsive li a.navbar-home {
		margin-top: 14px;
	}

	div.navbar-header {
		position: absolute;
	}
}

@media screen and (max-width:900px) {
	div.divHeader h1 {
		font-size: 130%;
	}
}


@media screen and (max-width:767px) {
	a.bigLogo h1 {
		display: none;
	}

	a.smallLogo h1 {
		display: block;
		padding-top: 14px;
		padding-left: 14px;
	}

	.banner {
		display: none;
	}

	.navbar-brand {
		padding-left: 14px;
		padding-top: 0px;
	}

	nav.navbar-header {
		height: 80px;
	}

	nav.navbar-bar {
		padding: 0px;
	}

	.navbar-nav {
		margin-top: 0px;
	}

	.rowTop {
		display: none;
	}

	.rowBody {
		padding-left: 0px;
		margin-left: 0px;
		font-size: 90%;
	}

		.rowBody p {
			padding-left: 15px;
			padding-right: 15px;
			margin-bottom: 0px;
		}

	strong {
		font-size: 100%;
	}
}

@media screen and (max-width:500px) {
	div.divHeader {
		margin-top: 30px;
	}

		div.divHeader h1 {
			font-size: 120px;
		}

	nav.navbar {
		height: 40px;
	}


	a.smallLogo {
		display: none;
	}

	a.logoText {
		display: block;
		padding-top: 14px;
		font-size: 100%;
	}


	li.iconSize {
		margin-top: 0px;
	}

	ul.navMargin {
		margin: 0px;
	}

	div#mapsWidget {
		display: none;
	}
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
@media screen and (max-width:1565px) {
	ul.navbar-nav.responsive {
		position: relative;
	}

	a.bigLogo {
		display: none;
	}

	nav.navbar {
		height: 85px;
	}

	a.navbar-brand.smallLogo {
		padding-left: 0px;
	}

	a.smallLogo h1 {
		display: block;
		padding-top: 0px;
		padding-left: 14px;
		margin-top: 15px;
		font-size: 80%;
		text-align: center;
	}

	div#body {
		margin-top: 70px;
	}

	div.rowBody {
		margin-top: 10px;
	}

	ul.navbar-nav {
		margin-top: 0px;
	}

		ul.navbar-nav.responsive li.icon {
			position: absolute;
			right: 0;
			top: 0;
		}

		ul.navbar-nav.responsive li {
			float: none;
			display: inline;
		}

			ul.navbar-nav.responsive li a {
				display: block;
				text-align: left;
			}

				ul.navbar-nav.responsive li a:hover {
					background-color: #0047b3;
				}
}
