@charset "UTF-8";

#tagline, #quoteSec {
    padding: clamp(60px, 6.250vw, 120px) 0 
}

#quoteSec .container > div > p {
    text-align: center;
    font-family: 'Bellefair', serif;
    font-size: clamp(36px, 1.979vw, 38px);
    line-height: clamp(36px, 2.5vw, 48px);
}

#quoteSec .container > div > div.quoteImg {
    display: flex;
    justify-content: center;
}

#tagline img {
    display: block;
    width: min(37.083vw, 712px);
    margin: 0 auto;
}

.fullContent.nPat {
    background-position: center top;
    background-size: min(1920px, 100vw) min(600px, 31.250vw);
    background-repeat: no-repeat;
    padding: min(720px, 37.500vw) 0 min(6.250vw, 120px);
}

.fullContent.nPat .h2 {
    font-size: clamp(20px, 2.083vw, 40px);
}

.fullContent h1,
.fullContent h2 {
    color: inherit;
    font-size: clamp(36px, 2.917vw, 56px);
    line-height: clamp(36px, 2.5vw, 48px);
}

#inner-content .fullContent h2 {
    font-family: 'Bellefair', serif;
    font-size: clamp(26px, 1.667vw, 32px);
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
    line-height: clamp(36px, 2.188vw, 42px);
}

#servCon {
    padding-top: clamp(40px, 5.208vw, 100px);
}

@media ( max-width: 567px ) {
    #tagline img {
        width: 80%;
    }
}