body {
    margin: 0;
    background-color: #eceae4;
}
main {
    margin-top: 0;
}
a.nav-link.active {
    color: #7fb0d4 !important;
}
.home-masonary-grid {
    background-color: #eceae4;
    margin-top: 0px;
}
.footer-titles {
    color: #7fb0d4 !important;
    text-transform: none;
    font-size: 30px !important;
    text-align: left;
    font-weight: 500 !important;
    margin-bottom: 10px;
    margin-top: 0;
}
.sectionTitle {
    font-size: 32px !important;
    font-family: inherit;
    color: #7fb0d4;
}
.about_title {
    font-size: 32px;
    text-align: left;
    color: #7fb0d4 !important;
    font-weight: 500;
}
.home-introduction {
    background-color: transparent;
}
.page-title.pageHeader.bgGrey {
    display: none;
}
.intoduction-text {
    background-color: transparent !important;
}
.intoduction-text h1 {
    color: #7fb0d4 !important;
    text-align: center ;
    text-transform: none !important;
    font-size: 32px;
    margin-top: 20px !important;
}
.intro-text h1.title {
    padding-top: 60px;
    padding-bottom: 30px;
    text-align: center;
    font-size: 32px;
    color: #7fb0d4 !important;
}
.introduction {
    background-color: transparent !important;
    height: auto;
    margin-top: 0;
}
.page-builder.form-group input[type="text"] {
    background-color: #ffffff !important;
}
select#dropdown {
    background-color: #ffffff !important;
}
.sub-headings {
    font-weight: 500;
    color: #7fb0d4;
    font-family: 'Josefin Sans' !important;
    font-size: 25px;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: left;
    text-transform: none;
}
.owl-theme .owl-dots .owl-dot {
    display: none;
}
.contact-info-top h4.title {
    padding: 0px;
    font-size: 17px;
    font-family: 'Josefin Sans' !important;
}
.page-title {
    color: #7fb0d4 !important;
}
.contact-enquire-form h2 {
    color: #7fb0d4 !important;
}
.contact-enquire-form form button[type=submit] {
    background-color: #7fb0d4;
}
.desktop-logo, .mobile-logo {
    max-width: 400px !important;
}
.diy-page-introduction .introduction_title {
    font-size: 32px;
    text-align: center;
    font-family: 'Josefin Sans' !important;
    color: #7fb0d4  !important;
    font-weight: 500;
}
h1.text-center {
    font-weight: 500;
}
#backtoTopbutton {
    background-color: #7fb0d4;
}
.page-builder.article h2 {
    font-weight: 500 !important;
    font-family: 'Josefin Sans' !important;
    color: #7fb0d4;
}
.page-builder-intro h2 {
    font-size: 32px;
    color: #7fb0d4;
}
span h3 {
    font-size: 32px !important;
    font-family: 'Josefin Sans';
    color: #73a3c7;
    font-weight: 500 !important;
}
i.fas.fa-minus {
    color: #7fb0d4;
}
h1 {
    font: normal normal 32px var(--font-josefin-sans);
    font-weight: 500 !important;
    color: #7fb0d4;
}
.team-version-two h1.title {
    color: #7fb0d4 !important;
    font-family: 'Josefin Sans' !important;
    font-weight: 500 !important;
}
.intoduction-text {
    background-color: #f4f4f4;
    height: auto;
    padding: 10px 20px 10px 20px !important;
    margin: 0;
    margin-bottom: 0 !important;
    width: 100%;
}
.intoduction-text h1 {
    font-weight: 500 !important;
}
.section_title {
    font-family: 'Josefin Sans' !important;
}
@media (max-width: 1440px) {
    .desktop-logo, .mobile-logo {
        max-width: 320px !important;
    }
}
@media (max-width: 768px) {
    .articleWrap .page-builder.article .info {
        padding-top: 0px !important;
        margin-bottom: 30px !important;
    }
    .page-builder.article h2 {
        margin-bottom: 20px !important;
    }
    .page-builder-intro.articles {
        margin-top: 0 !important;
    }
    .page-builder.article h2 {
        font-size: 22px !important;
        text-transform: none;
        margin-top: 0;
        margin-bottom: 0;
    }
    .articleWrap .page-builder.article .info {
        padding-top: 20px;
        padding-left: 0;
        margin-bottom: 20px;
        padding-right: 0;
    }
    .row.page-builder.article:nth-of-type(odd) {
        margin-top: 0 !important;
    }
    h1.page-title {
        margin-top: 0 !important;
        text-transform: none;
        font-size: 22px;
    }
    .footer-titles {
        font-size: 22px !important;
    }
    .introduction {
        margin-top: 30px;
    }
    .page-builder, .article .info h1 {
        text-align: center !important;
    }
    .dropdown-menu .navigation-block .nav-main a, #navbarNavMobile a {
        font-size: 15px !important;
    }
    .introduction-text .intro-article {
        width: 100%;
    }
    .readmore-btn {
        display: none;
    }
    span h3 {
        font-size: 22px !important;
        font-family: 'Josefin Sans';
        color: #73a3c7;
    }
    .articles span {
        height: 100%;
    }
    .readmore-btn {
        display: none !important;
    }
    .page-builder-articles .articles span {
        height: 100%;
    }
    .page-builder-articles .articles .readmore-btn {
        display: none;
    }
    .page-builder, .article .info h1 {
        font-size: 22px !important;
        line-height: 30px !important;
        text-align: left;
        font-weight: 500 !important;
    }
    .articleWrap .article .info {
        padding-top: 0px;
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .intoduction-text h1 {;
        font-family: 'Josefin Sans' !important;
        font-weight: 500 !important;
    }
    .page-builder-intro h2 {
        text-transform: none !important;
        font-weight: 500;
    }
    .page-builder-intro h2 {
        font-size: 22px;
        text-transform: none !important;
    }
    .navbarMobileBlock a.nav-link {
        margin-left: 0 !important;
    }
    .collapse .desktop-logo {
        width: 100% !important;
        margin: 16px;
        margin-top: 8px;
    }
    .sectionTitle h1 {
        text-transform: none;
    }
    .copyright.text-left p {
        color: #999999 !important;
        text-align: center;
    }
    i.fas.fa-plus {
        color: #7fb0d4;
    }
    button.grid-images-load-more.btn.see-more-btn.smlBtn {
        display: none;
    }
    .photo-gallery {
        flex-direction: column;
        margin-bottom: 60px;
    }
    .owl-carousel.owl-theme.page-banner-slider.owl-loaded.owl-drag {
        margin-top: 60px !important;
    }
    .desktop-logo, .mobile-logo {
        max-width: 200px !important;
    }
}