#contact main {
  padding-top: 180px;
  /* background-image: url(../img/contact-bg.png); */
  background-size: contain;
  background-position: center;
}

.contact-title {
  display: flex;
  align-items: center;
}

.contact-title .section-title {
  margin-right: 30px;
}

.contact a[href^="tel"]{
  margin-top: 40px;
}

.online-banner{
  margin-bottom: 180px;
}

/* .contact a[href^="mail"]{
  margin-bottom: 140px;
} */

@media (max-width: 428px){
  #contact main{
    padding-top: 50px;
  }
  .contact-title{
    padding: 22px;
    flex-direction: column;
    text-align: center;
  }
  .contact-title .section-title{
    margin-right: 0;
    margin-bottom: 10px;
  }
  .contact-title p{
    font-size: 12px;
  }
  
}