/* Navbar Styles */
.navbar {
    background: #F8E84D;
}

.navbar-nav .nav-item{
   color: black; 
}

.navbar-toggler {
    color: black;
    border-color: transparent;
}


.ht-logo-lg {
  width: 60%;
}

.ht-logo-sm {
  width: 140px;
}

/* Header section */
.masthead {
    height: 105%;
    min-height: 500px;
    background-image: url("../img/hero-image.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 8%;
    padding-right: 8%;
  }

.h1-white {
    padding-top: 10%;
    color: #fff;
    font-size: 11dvw;
    line-height: 105%;
  }

.container-fluid {
    position: relative;
  }

.bubble {
    position: absolute;
    width: 45%;
    top: 75%;
    left: 75%;
    transform: translate(-50%, -50%);
  }

/* body */
html, body{
  height: 100%;
}

/* Section IDs */
#audience, #print, #digital, #contact, #contact-specs {
  padding-top: 150px;
  margin-inline: 10%;
}

/* communicate section */
.leaders {
  width: 100%;
}

.h3::before {
  content: "•";
  padding-right: 7px;
  color: #F8E84D;
  font-weight: bolder;
}

.btn {
  border: none;
  border-radius: 10px;
  padding: 10px 20px;
  background: #F8E84D;
  cursor: pointer;
  color: black;
}



.communicate, .take-your-message, .contact-specs {
  padding-top: 150px;
}

.stat-44000 {
  color: #F8E84D;
  font-size: 80px;
}

.stat-2nd {
  color: #F8E84D;
  font-size: 50px;
}

.phone {
  padding-top: 8%;
}


#contact-img {
  width:100%;
  height:500px;
  background: url("../img/contact.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  background-attachment: fixed;
  color: #fff;
  margin-top: 20%;
  padding-inline: 10%;
}

/* footer */

.page-footer {
  padding-left: 8%;
  padding-right: 8%;
}

.footer-logo {
  width: 100%;
}

#btn-back-to-top {
  position: fixed;
  bottom: 40px;
  right: 30px;
  display: none;
}

.footer-logo {
  width: 350px;
}

/* Breakpoints */
@media (min-width: 930px) {
  .masthead {
    margin-top: -58.59px;
  }

  .h1-white {
    font-size: 8dvw;
  }

  .bubble {
      width: 310px;
      top: 78%;
      left: 85%;
    }

    #audience, #print, #digital, #contact, #contact-specs {
      padding-top: 200px;
    }

    .communicate, .take-your-message, .contact-specs {
      padding-top: 200px;
    }
    
}

@media (min-width: 768px) {
  .stat-44000 {
    font-size: 50px;
  }
}

@media (min-width: 1122px) {
  .stat-44000 {
    font-size: 80px;
  }
}

/* 44,00 right border */
#right1 {
  border-right: solid black 1px;
  
}

@media (max-width: 768px) {
  #right1 {
      border-right: 0px;
  }
}

.right-sm1 {
  border-right: solid black 1px;
  
}

@media (max-width: 1110px) {
  .right-sm1 {
      border-right: 0px;
  }
}

.right-sm2 {
  border-right: solid black 1px;
  
}

@media (max-width: 1110px) {
  .right-sm2 {
      border-right: 0px;
  }
}