html, body {
    background-color: white;
}
/*.owl-carousel.owl-theme.page-banner-slider.owl-loaded.owl-drag {*/
/*    margin-top: 110px;*/
/*}*/
.navigation-block .nav-main {
    min-height: 13vh !important;
}
.middle-nav .desktop-logo, .mobile-logo {
    margin-top: 3px;
}
h2.sub-headings {
    font-size: 14px !important;
    font-weight: 300 !important;
    text-transform: none !important;
}
.section_title {
    font-family: 'Josefin Sans' !important;
}
.diy-page-introduction .introduction_title {
    font-family: 'Josefin Sans' !important;
}
.qr-block {
    padding: 10px !important;
     border: none !important; 
    margin-bottom: 40px;
}
.article h3 {
    font-size: 25px !important;
}
.navigation-block .links a {
    font-size: 15px;
}
.desktop-logo, .mobile-logo {
    margin-bottom: 0;
}
footer.container-fluid {
    background: #f2f1f1;
    /*margin-top: 70px;*/
}
.home-articles.articleWrap {
    margin-top: 80px !important;
    margin-bottom: 50px;
}
#contactForm div.col-12:has(#inquiryType) {
    display: none !important;
}
.contact-info-top {
    background-color: transparent; 
    border: 1px solid #e3e3e3;
}
.contact-enquire-form form .form-control {
    background-color: transparent;
}
.column {
    display: flex;
    /* flex-direction: column; */
    gap: 40px;
    flex-wrap: wrap;
}
.photo-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    overflow: hidden;
}
@media only screen and (max-width: 576px) {
    .feature-text {
         width: auto; 
    }
}
@media only screen and (max-width: 576px) {
    .diy-page-introduction {
        margin-top: 40px !important;
    }
}
    
@media only screen and (max-width: 768px) {
    .photo-gallery {
        margin-top: 50px !important;
    }
    .feature-text {
        width: auto;
        margin: 20px;
    }
    span li {
        color: #1b1b19;
        font-size: 15px;
        line-height: 25px;
    }
    .photo-gallery {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
        overflow: hidden;
    }
    .desktop-logo, .mobile-logo {
        max-width: 100% !important;
    }
}