html {
  scroll-behavior: smooth; /* enables smooth scrolling */
}
#logo-outer {
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
}
img#logo {
    display: inline-block;
    background: #fff;
    border-radius: 10px;
    padding: 10px 30px;
    max-width: 80%;
}
form#contactForm.loading {
    opacity: .4;
}
form#contactForm.loading * {
    cursor: wait;
}

@media screen and (max-width: 530px) {    
  [data-aos] {
      opacity: 1 !important;
      transform: none !important;
      transition: none !important;
  }

}

@media screen and (max-width: 460px) {    

    #footer-box .px-12 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    div#wrapper {
        max-width: 100%;
        overflow-x: hidden;
    }
}

@media screen and (max-width: 390px) {    

    #footer-box a.px-12 {
        font-size: 16px;
    }
    #hero-btn a {
        font-size: 15px;
        padding-left: 1rem;
        padding-right: 1rem;
    }
}