:root {
  --bg-light: #9EF8EE;
  --bg-dark: #348888;
  --orange-light: #FA7F08;
  --orange-dark: #F24405;
  --orange-dark-hover: #B93506;
  --text-light: #FFFFFF;
  --text-dark: #348888;
}

.londrina-solid-thin {
  font-family: "Londrina Solid", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.londrina-solid-light {
  font-family: "Londrina Solid", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.londrina-solid-regular {
  font-family: "Londrina Solid", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.londrina-solid-black {
  font-family: "Londrina Solid", sans-serif;
  font-weight: 900;
  font-style: normal;
}

body {
  background-color: var(--bg-light);
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  color: var(--text-dark);
}

.bc-hero {
  height: 600px;
  background-color: var(--bg-dark);
  background-image: url(assets/sunset.jpg);
  background-size: cover;
  background-position: right;
  border-bottom: 6px solid var(--orange-light);
}

@media (max-width: 768px) {
  .bc-hero {
    height: 500px;
  }
}

.bc-hero-title {
  height: 100%;
  width: 100%;
  max-width: 580px;
  object-fit: contain;
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.4));
}

.bc-services {
  background-color: var(--bg-dark);
  margin-top: -125px;
  color: var(--text-light);
}

.bc-circle {
  background-color: var(--bg-dark);
  border: 6px solid var(--bg-light);
  width:250px;
  height:250px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.bc-service {
  padding-bottom: 20px;
}

.bc-service-text {
  padding: 10px;
}

.bc-circle-bushhog {
  background-image: url(assets/bush_hogging.jpg);
}

.bc-circle-trail-clearing {
  background-image: url(assets/trail_clearing.jpg);
}

.bc-circle-ponds {
  background-image: url(assets/pond_construction.jpg);
}

.bc-circle-gravel {
  background-image: url(assets/gravel.jpg);
}

.bc-btn {
  background-color: var(--orange-dark);
  border-color: white;
  font-weight: 500;
}

.bc-btn:hover {
  background-color: var(--orange-dark-hover);
  border-color: white;
}

.bc-btn:active {
  background-color: var(--orange-dark-hover) !important;
  border-color: white !important;
}

.bc-service-map {
  height: 300px;
}

.bc-service-map > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.bc-section-action {
 background-color: var(--bg-dark);
 color: white;
}

.bc-section-action iframe {
  width: 100%;
  height: 320px;
}

@media (max-width: 576px) {
  .bc-section-action iframe {
    height: 200px;
  }
}

.bc-circle-team {
  border-color: var(--bg-dark);
  background-color: var(--bg-light);
}

.bc-circle-team-brandon {
  background-image: url(assets/team-brandon.jpg);
}

.bc-circle-team-brad {
  background-image: url(assets/team-brad.jpg);
}

.bc-section-contact {
  color: white;
  background-color: var(--bg-dark);
}

.bc-telephone-link {
  color: white;
  text-decoration: none;
}

input::placeholder {
  opacity: 0.5 !important;
}

textarea::placeholder {
  opacity: 0.5 !important;
}

.bc-recent-projects img {
  width: 250px;
  height: 250px;
  object-fit: cover;
  border: 4px solid var(--bg-dark);
}