.view,body,html{height:100%}@media (max-width:740px){.full-page-intro{height:1000px}}.carousel{height:50%}.carousel .carousel-inner,.carousel .carousel-inner .active,.carousel .carousel-inner .carousel-item{height:100%}@media (max-width:776px){.carousel{height:100%}}
.navbar{background-color:rgba(0,0,0,.2)}
.page-footer,.top-nav-collapse{background-color:#678867}@media only screen and (max-width:768px){.navbar.navbar-dark .breadcrumb .nav-item .nav-link, .navbar.navbar-dark .navbar-nav .nav-item .nav-link {/*background-color: #00bcd4;*/color: #406F75 !important;font-weight: 600;}}
main {width: 100%;background-color:#FFEBE0;}

h1,h2,h3,h4,h5 {font-family: 'Opensans',sans-serif !important;}
p {font-family: 'Opensans',sans-serif !important;}

#hero {
  width: 100%;
  height: 100vh;
  background: url("../img/hero-bg.jpg") top center;
  background-size: cover;
  position: relative;
}
.text-logo {
	font-family: 'agnesia',sans-serif !important;
	color: white;	
}
.text-logo-text {
	font-family: 'agnesia',sans-serif !important;
	color: #678867 !important;
}
.btn-outline-pbm {
    color: #678867!important;
    background-color: transparent!important;
    border: 2px solid #678867!important;
}
.btn-pbm-color {
    color: #678867 !important;
    background-color: #ffebe0!important;
}

.petsbymo-text {color: #678867;}
@media only screen and (max-width:768px){.text-logo {color:white !important;}}
@media only screen and (max-width:768px){.navbar-toggler-icon {color:white !important;}}
@media only screen and (max-width:768px)
	{.img-intro{padding-top:80px;position: relative;align:center;margin-right:300px;}}