@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

body{
    font-family: 'Montserrat', sans-serif!important;
}
.quote{
    background-image: url('../images/spray_bg.webp'), url('../images/spray_bg.png');
}
.locations{
    background-color: #fbfbfb;
}
.img-agent{
    border-radius: 50%;
    height: 200px;
    width: 200px;
    margin: 0 auto;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.background-setting{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.erie-logo{
    height: 50px;
}
.erie-logo-footer{
    height: 50px;
}
.company-logo{
    width: 30%;
}
.divisor{
    height: 1px;
    background-color: gray;
}
.vertical-divisor{
    width: 1px;
    background-color: gray;
}
.office-hours p {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0px;
}
.office-hours p > strong {
  font-weight: normal;
}
ul{
    list-style: none;
}
.btn-erie{
    padding: 10px 30px;
    height: 70px;
    width: 270px;
    border-color:white;
    border-radius: unset;
}
.btn-erie:hover{
    background-color: rgba(0, 0, 0, 0.171);
}
.btn-erie-cta{
    height: 40px;
    border-radius: unset;
    background-color: #0079c1;
}
.btn-erie-cta:hover{
    background-color: #0067a4;
}
.tittle{
    margin-bottom: 8%;
}
.phone{
    color: #0079c1;
}
.phone:hover{
    color: #0079c1;
    text-decoration: underline;
}
.address{
    color: #0079c1;
}
.address:hover{
    color: #0079c1;
    text-decoration: underline;
}
.address_main{
    color: white;
}
.address_main:hover{
    color: white;
    text-decoration: underline;
}
a{
    text-decoration: none;
}
.email{
    color: #0079c1;
}
.email:hover{
    text-decoration: underline;
    color: #0079c1;
}
.map{
    width: 100%;
    height: 500px;
}

@media (min-width: 320px) and (max-width: 576px) {
    .map{
        height: 250px;
    }
    .btn-cta{
        padding-top: 1rem!important;
    }
    .cta-top-padding{
        padding-top: 1.75rem!important;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .map{
        height: 350px;
    }

}


@media (min-width: 320px) and (max-width: 576px){
    .btn-erie-cta{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .content-navbar{
        flex-direction: column;
        margin-top: 15px;
        margin-bottom: 15px;
    }
}

  footer {
    background: #333333;
    color: #fff;
  }
  footer a {
    color: #fff;
    text-decoration: none;
  }
  footer a:hover {
    text-decoration: underline;
    color: #fff;
  }

  .logo-divider {
    height: 40px;
    width: 2px;
    background-color: #fff;
  }

  .middle-divider {
    width: 100%;
    height: 1px;
    background-color: #fff;
  }

  .terms-container a {
    margin: 0 20px 0 0;
  }

  .store-name-footer {
    color: #C39A5C;
    margin-bottom: 0.25rem;
  }

  .social-icons a {
    transition: transform 0.2s ease-in-out;
  }

  .social-icons a:hover {
    transform: translateY(1px);
    transition: transform 0.2s ease-in-out;
  }

  @media (max-width:767px) {
    .company-logo {
      width: 100%;
    }

    .store-name-footer {
      margin: 25px 0 0 0 !important;
    }

    .terms-container {
      margin: 0 0 25px 0;
    }
  }
  @media (min-width: 320px) and (max-width: 576px){
    .middle-divider{
      display: none;
    }
    .terms-container a {
    margin: 0;
    }
    .store-name-footer {
      margin: 0!important;
    }
    .logo-container{
      width: unset;
    }
    .cta-footer-container{
      width: unset;
    }
  }