/* general styles */
html, body {
  width: 100%;
  height: 100vh; /* set viewport constraint */
  min-height: 100%; /* enforce height */
}

body {
	padding-top: 0px;
	background-color: #FFFFFF;
	color: #000000;
	
}
.navbar-expand-lg {
	width: 100%;
}
.fixed-top {
	height: auto;
	background-color: #F7FBFE;
}

.navbar-light {
height: 3rem;
	background-color: #F7FBFE;
}
#navbarNavDropdown {
	background-color: #F7FBFE;
	width: auto;
	padding: 0px;
}

.navbar-collapse {
	max-width: 100vw;
	background-color: #F7FBFE;
	border: 3px #000;
	border-radius: 2px;
	width: auto;
	padding: 0px;
}

nav {
  position: fixed;
  top: 0;
  left: 0;
  min-height: 3rem;
  width: 100%;
  background-color: #F7FBFE;
  font-weight: bold;
}

nav .h4 {
  font-weight: bold;
}

nav a:hover { 
color: #000000;
}

nav span {
  font-weight: 600;
  letter-spacing: .085em;
}

nav button {
  position: absolute;
  top: 0;
  right: 0;
  min-height: 1.0em;
  min-width: 50px;
  background-color: #F7FBFE;
  color: #000000;
  margin-right: 10px;
  margin-top: 10px;
}

nav .scroll {
  background-color: #F7FBFE;
  color: #eef;
}
.nav > li.dropdown.open {
    position: static;
}
.nav > li.dropdown.open .dropdown-menu {
    display:table; width: 100%; text-align: center; left:0; right:0;
}
.dropdown-menu>li {
    display: table-cell;
}
body > header {
  margin-top: 4.7em;
}


nav .fixed-top .scrolled {
  background-color: #F7FBFE;
  transition: background-color 10ms linear;
}

nav .fixed-top .scrolled {
  color:#000;
  text-decoration: underline;
}

/* padded section */
.pad-section {
  padding-top: 2em;
  background-color: #FFFFFF;
  }
.pad-section img {
  width: 100%;
}
/* vertical-centered text */
.text-vcenter {
  text-align: center;
  vertical-align: top;
}
.text-vcenter h1 {
  font-size: 4.5em;
  font-weight: 700;
  margin: 0;
  padding-top: 2em;
  padding-bottom: 10px;
}

#information{
  background: url(../img/cute-grass-green-63853.jpg) no-repeat center center fixed / cover rgba(255,255,255,.5);
  min-height: 300px;
  position: relative;
  width: 100%;
  padding: 30px;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.information-box {
	background-attachment:fixed;
	height: auto;
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #000000;
	color: #000;
	
}

.text-box {
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #000;
	background-color: #FFF;
	opacity: 0.75;
}
/* additional sections */
.titlehome {
  background: url(../img/adorable-blur-breed.jpg) no-repeat fixed center center / cover rgba(0, 0, 0, 0);
  background-color: #F7FBFE;
  display: block;
  left: 0;
  position: relative;
  top: 0;
  text-align: center;
  max-width: 100%;
  height: 100vh;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#about {
	padding-top: 30px;
}
.services {
  background-color: #306d9f;
  color: #ffffff;
  padding-top: 30px;
}
#services i {
font-size: 1.6em;
  width: 1.6em;
  text-align: center;
  line-height: 1.6em;
  background: #666;
  color: #fff;
  border-radius: 0.8em; /* or 50% width & line-height */
}

#information .panel-title {
	color: #000000;
}
#information .panel-title h2 {
	color: #000000;
}
#contact {
  background-color: #306d9f;
  color: #ffffff;
  padding-top: 30px;
  padding-bottom: 30px;
}
#contact-form {
	background-color: #306d9f;
	padding: 30px;
	text-align: left;
    vertical-align: middle;
}
.contact-form {
  background-color: #306d9f;
  color: #ffffff;
  padding-top: 30px;
}
#contact  .form-group {
	text-align: left;
    vertical-align: text-bottom;
}

#contact .btn-primary {
	background: #F7FBFE;
	color: #306d9f;
	text-decoration: inherit;
	border: 1px;
	font-weight: bold;
	
}
#google_map {
  min-width: 200px;
  width: 100%;
  min-height: 200px;
  height: 80%;
}
.map {
	background-color: #FFFFFF;
}

footer {
  padding: 0px 0px;
  font-size: 12px;
}
footer .glyphicon {
  color: #333333;
  font-size: 60px;
}
footer .glyphicon:hover {
  color: #306d9f;
}
.footer {
	background-color: #FFFFFF;
}

.panel-body {
	color: #000;
}

@media (max-width: 950px) {
body, html {
    
}
 .titlehome {
  background: url(../img/adorable-blur-breed@0,25x.png) no-repeat;
  background_attachment: fixed;
  top: 0;
  left: 0;
  height: 100vh;	
  max-width: 100%;
  max-height: 100%;
  position: fixed bottom;
  background-color: #F7FBFE;
  background-position: bottom;
  }
.information-box {
  background: url(../img/cute-grass-green-63853@0,25x.png) no-repeat;
  background-image: url(../img/cute-grass-green-63853@0,25x.png) no-repeat;
  background-position: center;
  padding: 30px;
  display: block;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	}
.information-box-fix {
	display: block;
	background: url(../img/cute-grass-green-63853@0,25x.png) no-repeat center center;
	background-attachment:fixed;
	max-width: 100%;
    max-height: 100%;
	}
	
  .navbar{
    position: fixed;
    right: 0;
    left: 0;   
    border-radius: 0;
    top: 0;
	background-color: #F7FBFE;
  } 
  .text-vcenter h1 {
  font-size: 4em;
  font-weight: 700;
  margin: 0;
  padding-top: 3rem;
  padding-bottom: 20px;
  }
}

.chg-nav {
	background: #F7FBFE;
}