body {font-family: 'Lato'; font-weight: 300; font-size: 1.1rem;}
a {outline: none; text-decoration: none;}
h1,h2,h3,h4,h5,h6 {font-family: 'Great Vibes'; font-weight: 400;}
img {transition: all 0.15s ease-in-out;}
.form label {font-size: 0.9rem;}
.font-family-lato {font-family: 'Lato' !important;}
.font-family-gv {font-family: 'Great Vibes' !important;}
.font-normal {font-weight: 300;}
.font-bold {font-weight: 400;}
h1.border-bottom {width: 75%; border-color: #cda05d !important;}

header .title {font-family: 'Great Vibes'; font-size: 5rem;}
header .subtitle {margin: -2.25rem 0 0 19rem; font-size: 1.3rem;}
header #phone-number {position: absolute; top: 3.5rem; right: 3rem; font-size: 1.75rem;}

#navbar {font-size: 1.1rem;}
.navbar-expand-lg .navbar-nav .nav-link {padding: 0 1rem;}
.navbar-dark .nav-item {display: flex; align-items: center; }
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {color: #fff;}
.navbar-dark .navbar-toggler {width: 56px;}
.nav-item a {color: #fff !important; opacity: 1 !important;}
.nav-item a:hover {text-decoration: none; color: #bcdff2 !important;}
.navbar-dark .navbar-toggler {background-color: #bcdff2;}
.navbar-dark .navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgb%28255, 255, 255%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}

.hero {position: relative; z-index: 0; height: 300px; background: url('images/hero-1.jpg') no-repeat center center / 100% auto;}
#page-our-services .hero {background-image: url('images/hero-1.jpg');}
#page-our-work .hero {background-image: url('images/hero-2.jpg');}
#page-testimonials .hero {background-image: url('images/hero-3.jpg');}
#page-contact .hero {background-image: url('images/hero-4.jpg');}

.main {position: relative; z-index: 10; min-height: 50vh; margin-top: -7rem; background-color: #fff; }
.bg-rounded {border-radius: 0.5rem;}
.bg-brown-1 {background-color: #cda05d;}
.bg-brown-2 {background-color: #cd8f50;}
.bg-lightblue {background-color: #bcdff2;}
.bg-black {background-color: #000; color: #fff;}
.bg-gray {background-color: #ddd; }
.bg-gray-grad {background-color: rgb(185,181,181); background-image: linear-gradient(180deg, rgba(185,181,181,1) 0%, rgba(231,231,231,1) 100%); color: #1e395b;}
.btn {font-size: 1.75rem; font-weight: 300;}
.btn-brown-1 {background-color: #cda05d; color: #000; transition: all 0.25s ease-in-out;}
.btn-brown-1:hover {background-color: #cd8f50; color: #fff; transition: all 0.25s ease-in-out;}
.btn-white {background-color: #fff; color: #cd8f50;}
.btn-white:hover {color: #000;}
.btn-yellow {border-color: #ffdf1c; }
.btn-yellow:hover {background-color: #ffdf1c; color: #333;}
.clear {clear: both;}
.hover-opacity:hover {opacity: 0.8;}
.link-text {font-size: 0.8rem;}
.background-green {background-color: green;}
.background-darkgray {background-color: #333;}
.background-yellow {background-color: #ffdf1c;}
.error {color: red;}

.font-white, .font-white a {color: #fff;}

.footer {border-radius: none;}
.footer a {color: #333;}
.footer-links li {margin-bottom: 5px;}

@media screen and (max-width : 1280px) {
  header #phone-number {position: static; top: 0; right: 0;}
}
@media screen and (max-width : 992px) {
  .hero {background-size: auto 100%;}
}
@media screen and (max-width : 768px) {
  header .title {font-family: 'Great Vibes'; font-size: 4rem;}
  header .subtitle {margin: -2rem 0 0 19rem; font-size: 1.1rem;}
  h1.border-bottom {width: 100%;}
}
@media screen and (max-width : 576px) {
  header .title {font-size: 2.65rem;}
  header .subtitle {margin: 0;}
  /*.main {margin: 0;}*/
}