/*==========
site
==========*/
body{
	background-color: #d6d8db;
}

.spacer{
	height: 42px;
	background-color: transparent;
}

.contactBar {
	width: 100%;
	height: 42px;
	color: #fff;
	padding-right: 2%;
	padding-left: 2%;
	background-color: #1e5aaa;
	font-size: 2vh;
	margin: 0px;
  position: fixed;
  z-index: 9999;
}

.contactBar a {
	color: #fff;
}

.contactLogo img {
	height: 40px;
}

.navbar {
	margin-bottom: 0%;
}

.left {
	text-align: left;
}
.right {
	text-align: right;
}

.center {
	text-align: center;
}

.roundCorners img {
	width: 100%;
	border-radius: 5px;
}

.banner img{
	width: 100%;
	margin: 0%;
}

.banner {
	padding: 0%;
}

.brandLogo img{
	height: 100%;
}

.navbar-brand {
	padding: 1px;
	margin:0px;
}

@media screen and (max-width: 740px) and (orientation: landscape) {
	.contactBar {
		height: 40px;
		font-size: 3vh;
	}
	.spacer{
		height: 40px;
	}
}

@media screen and (max-width: 430px) and (orientation: portrait) { 
	.contactBar {
		height: 40px;
		font-size: 1.8vh;
	}

	.spacer{
		height: 40px;
	}
}
/*==========
Home
==========*/
#homePage {
	margin-top: 5%;
}

#homePage img{
	width: 100%;
}

.splash img{
	width: 100%;
	padding: 2%;
}

.jumbotron {
	margin:0px;
	padding: 0px;
}

@media screen and (min-width: 756px){ 
	.welcomeText{
		font-size: 2em;
	}
}

#welcomeImage {
	height: 70vh;
	background-image: url('../images/contactBanner.jpg');
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-image: center;
	padding-top: 15%;
	color: #fff;
}

#welcomeImage a{
	color: #fff;
}

#welcomeImage a:hover {
	color: #337ab7;
}

/*==========
about
==========*/

.profile img {
	border-radius: 50%;
	width: 100%;
}

/*==========
services
==========*/
.services {
	margin: 2% 0;
}


/*==========
footer
===========*/
footer {
	background-color: #1e5aaa;
	clear: both;
	color: #fff;
	min-height: 5vh;
	padding: 2%;
	margin-top: 2%;
	text-align: center;
	margin-bottom: -2.5%;
	font-size: 2vh;

}

footer a {
    color: #fff;
}

footer a:hover { 
    color: yellow;
}