@media (max-width: 500px){
  .call_us_today h1,h2{
     font-size: 25px;
  }
  .call_us_today h5{
    font-size:15px;
  }
}

.contact_bg{
  background-image: linear-gradient(to bottom, transparent, rgba(242, 239, 230)), url("../images/ContactBanner2.jpg");
  background-size: cover;
  height:600px;
  position:relative;
  color:white;
  
  
}


@media(max-width: 1351px){
  .contact_bg{
    height:500px;
  }
}
@media(max-width: 958px){
  .contact_bg{
    height:300px;
  }
}
@media(max-width: 578px){
  .contact_bg{
    height:225px;
  }
}
@media(max-width: 434px){
  .contact_bg{
    height:200px;
  }
}


.contact_bg h2{
  margin-top: 10vh;
  color:black;
  font-weight: bold;
  
}






.order-form .container {
    color: #4d4d4d;
    padding: 20px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    background: rgb(222, 235, 225);
  }
  
  .order-form-label {
    margin: 8px 0 0 0;
    font-size: 14px;
    font-weight: bold;
  }
  
  .order-form-input {
    width: 100%;
    padding: 8px 8px;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 3px !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.2em;
    background-color: transparent;
    border-color: #cccccc;
  }
  
  .btn-submit:hover {
    background-color: #090909 !important;
  }
  
  #map{
    min-width: 15rem;
  
    min-height: 20rem;
    max-height: 20rem;
  }
  
  
  @media (max-width:768px) {
    #why_choose .display-4 {
      font-size: 185%;
    }
  
    #socials_map{
      font-size: 110%;
    }
  
  
  }
  @media (max-width:576px) {
    #carousel_home .carousel-indicators {
      display: none;
    }
}