:root {
    --font-playfair: 'Playfair Display', serif !important;
    --font-lato: 'Lato', sans-serif;

    --background-light-pink: #FFB3BA;
    --background-pink: #FF5F8A;
}

.text-header {
    font-family: 'Playfair Display', serif !important;
}

.text-header-color {
   color: var(--background-light-pink);
}

.text-font-lato {
    font-family: 'Lato', sans-serif;
}

.institution-text {
    color: var(--background-pink);
    font-size: 40px;
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 700;
}

.child-img {
    width: 225px;
    height: 300px;
    background-size: cover;
}

.child-background {
    @media (max-width: 767px) {
        height: 56rem;
    }
    height: 34rem;

    object-fit: cover;
}

.child-img-guitar {
    @media (max-width: 767px) {
        width: 80%;
    }
    width: 100%;
}

.institution-btn {
    font-family: var(--font-lato);
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}

.article-header-text {
    font-family: var(--font-playfair);
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 32px !important;
    letter-spacing: 0em;
    text-align: left;
    color: #FFB3BA;
}

.our-motto-text {
    font-family: var(--font-lato);
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 19px !important;
    letter-spacing: 0em;
    text-align: left;
    color: var(--background-light-pink);
}

.motto-text {
    font-family: var(--font-playfair);
    font-size: 24px !important;
    font-style: italic !important;
    font-weight: 400 !important;
    line-height: 32px !important;
    letter-spacing: 0em;
    text-align: left;
    color: var(--background-light-pink);
}

.motto-author {
    font-family: var(--font-lato);
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 19px !important;
    letter-spacing: 0em;
    text-align: left;
    color: var(--background-light-pink);
}

.payment-header {
    font-size: 40px;
    font-family: var(--font-playfair);
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 700;
    color: #6CD382;
}

.lesson-offer-header {
    color: var(--background-light-pink);
    font-size: 40px;
    font-family: var(--font-playfair);
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 700;
}

.mt-space-content {
    margin-top: 8rem !important;
}

.mb-space-content {
    margin-bottom: 6rem !important;
}



.container-fluid.staff {
    background-color: #EDFBFF;
}

.container-fluid {
    padding: 0 !important;
    margin-top: 106px;
}

.btn {
    font-family: var(--font-playfair)
}

.card {
    border: none;
}