body {font-family: 'Oswald'; font-weight: 300; font-size: 1.2rem; line-height: 1.3; background: #fff; color: #444;}
a {outline: none; text-decoration: none;}
header {}
h1,h2,h3,h4,h5,h6 {color: #222; font-weight: 400 !important;}
h1 {font-size: 3.5rem;}
h2 {font-size: 3rem;}
h3 {font-size: 2.5rem;}
h4 {font-size: 2rem;}
h5 {font-size: 1.75rem;}
img {transition: all 0.15s ease-in-out;}
strong, .fw-bold {font-weight: 400 !important;}
p {line-height: 1.5;}
.form label {font-size: 0.9rem;}
.font-normal {font-weight: 300;}
.font-bold {font-weight: 300;}

header #logo {margin-top: -90px;}
.navbar-expand-lg .navbar-nav .nav-link {padding: 0 1rem;}
.nav-item {color: #333; font-size: 1.3rem; transition: all 0.3s ease-in-out;}
.nav-item:hover, .nav-link.active {text-decoration: none; color: #0c551d !important;}

.hero {height: 300px;}
#hero-services {background: url('images/hero-services.jpg') no-repeat center center / 100% auto;}
#hero-areas {background: url('images/hero-areas.jpg') no-repeat center center / 100% auto;}
#hero-contact {background: url('images/hero-contact.jpg') no-repeat center center / 100% auto;}
.hr-green {height: 3px; background: #0c551d; color: #0c551d; opacity: 1;}

.bg-wood {background: url('images/bg-wood.jpg') no-repeat center center / 100% auto; color: #fff;}
.bg-green-wood {background-color: #0c551d; color: #fff;}

.bg-black {background-color: #000; color: #fff;}
.bg-black-alpha {background-color: rgba(0,0,0,0.8); color: #fff;}
.bg-green {background-color: #0c551d;}
.bg-gray {background-color: #ececec; }
.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 {}
.btn-green {background-color: #0c561d; color: #fff; transition: all 0.25s ease-in-out;}
.btn-green:hover {background-color: #12822c; color: #fff; transition: all 0.25s ease-in-out;}
.btn-red {background-color: #640810; color: #fff; transition: all 0.25s ease-in-out;}
.btn-red:hover {background-color: #830b15; color: #fff; transition: all 0.25s ease-in-out;}
.btn-white {background-color: #fff; color: #cd8f50;}
.btn-white:hover {color: #000;}
.btn-gray {background-color: #8a8989; color: #333;}
.btn-gray:hover {background-color: #a0a0a0; color: #fff;}
.border-red {border: solid 1px #c70102 !important;}
.clear {clear: both;}
.hover-opacity:hover {opacity: 0.8;}
.text-red {color: #c70102;}
.text-gray {color: #979797;}
.text-gold {color: #c39a44;}
.text-green {color: #0c551d;}
.note {padding:1.5rem 1rem; border-left:6px solid; border-radius:5px}
.note strong {font-weight:600}
.note-primary {background-color:#dfeefd;border-color:#176ac4}
.note-secondary {background-color:#e2e3e5;border-color:#58595a}
.note-success {background-color:#e2f0e5;border-color:#49a75f}
.note-danger {background-color:#fae7e8;border-color:#e45460}
.note-warning {background-color:#faf4e0;border-color:#c2a442}.note-info{background-color:#e4f2f5;border-color:#2492a5}
.error {color: red;}
.spinner-border {display: none;}
.z-1 {z-index: 1;}
.z-5 {z-index: 5;}
.z-10 {z-index: 10;}

.gold-list {list-style: none;}
.gold-list li::before {  content: "\25A0";  color: #c39a44;  font-weight: bold;  display: inline-block;  width: 1em;  margin-left: -1em;}
.gold-list li {margin-bottom: 0.75rem;}
.font-white, .font-white a {color: #fff;}

footer {background: url('images/bg-footer.jpg') no-repeat center center / 100% auto;}

@media screen and (max-width : 992px) {
  header #logo {margin-top: 0;}
}
@media screen and (max-width : 768px) {
  h1 {font-size: 3rem;}
  h2 {font-size: 2.5rem;}
  h3 {font-size: 2.25rem;}
  h4 {font-size: 1.75rem;}
  h5 {font-size: 1.5rem;}
  a.nav-link:after, a.nav-link.active:after, a.nav-link:hover:after {border: none !important;}
  .hero {background-size: auto 100% !important;}
  .bg-wood {background: url('images/bg-wood.jpg') no-repeat center center / auto 100%; color: #fff;}
  footer {background: url('images/bg-footer.jpg') no-repeat center center / auto 100%;}
}
@media screen and (max-width : 576px) {
  .nav-item {font-size: 1rem;}

}
