@font-face {
    font-family: Avenir;
    src: url('avenir-metropolis/AvenirLTStd-Roman.otf');
}

body {
    font-family: Avenir, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    /* font-size: 18 !important; */
}

b {
    font-size: 16px !important;
    color: #000;
}

/* *{
    font-size: 16px !important;
} */

h1,
.h1 {
    font-weight: bold;
}

h2,
.h2 {
    font-weight: bold;
}

h3,
.h3 {
    font-weight: bold;
}

h4,
.h4 {
    font-weight: bold;
}

h5,
.h5 {
    font-weight: bold;
}

h6,
.h6 {
    font-weight: bold;
}

/* h1,
.h1 {
    font-size: 56px !important;
    font-weight: bold;
}

h2,
.h2 {
    font-size: 36px !important;
    font-weight: bold;
}

h3,
.h3 {
    font-size: 24px !important;
    font-weight: bold;
}

h4,
.h4 {
    font-size: 20px !important;
    font-weight: bold;
}

h5,
.h5 {
    font-size: 18px !important;
    font-weight: bold;
}

h6,
.h6 {
    font-size: 16px !important;
    font-weight: bold;
} */


.p-4_5 {
    padding: 2rem !important;
}

.px-4_5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

.py-4_5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.pt-4_5 {
    padding-top: 2rem !important;
}

.pr-4_5 {
    padding-right: 2rem !important;
}

.pb-4_5 {
    padding-bottom: 2rem !important;
}

.pl-4_5 {
    padding-left: 2rem !important;
}


.p-2_5 {
    padding: 0.75rem !important;
}

.px-2_5 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}

.py-2_5 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}

.pt-2_5 {
    padding-top: 0.75rem !important;
}

.pr-2_5 {
    padding-right: 0.75rem !important;
}

.pb-2_5 {
    padding-bottom: 0.75rem !important;
}

.pl-2_5 {
    padding-left: 0.75rem !important;
}

/* padding 6 */

.p-6 {
    padding: 3.5rem !important;
}

.px-6 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
}

.py-6 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
}

.pt-6 {
    padding-top: 3.5rem !important;
}

.pr-6 {
    padding-right: 3.5rem !important;
}

.pb-6 {
    padding-bottom: 3.5rem !important;
}

.pl-6 {
    padding-left: 3.5rem !important;
}



/* padding 7  */
.p-7 {
    padding: 4rem !important;
}

.px-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
}

.py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}

.pt-7 {
    padding-top: 4rem !important;
}

.pr-7 {
    padding-right: 4rem !important;
}

.pb-7 {
    padding-bottom: 4rem !important;
}

.pl-7 {
    padding-left: 4rem !important;
}

@media screen and (min-width: 768px) {
    .p-md-4_5 {
        padding: 2rem !important;
    }

    .px-md-4_5 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .py-md-4_5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .pt-md-4_5 {
        padding-top: 2rem !important;
    }

    .pr-md-4_5 {
        padding-right: 2rem !important;
    }

    .pb-md-4_5 {
        padding-bottom: 2rem !important;
    }

    .pl-md-4_5 {
        padding-left: 2rem !important;
    }

    .p-md-6 {
        padding: 3.5rem !important;
    }

    .px-md-6 {
        padding-left: 3.5rem !important;
        padding-right: 3.5rem !important;
    }

    .py-md-6 {
        padding-top: 3.5rem !important;
        padding-bottom: 3.5rem !important;
    }

    .pt-md-6 {
        padding-top: 3.5rem !important;
    }

    .pr-md-6 {
        padding-right: 3.5rem !important;
    }

    .pb-md-6 {
        padding-bottom: 3.5rem !important;
    }

    .pl-md-6 {
        padding-left: 3.5rem !important;
    }
}

@media screen and (min-width: 1200px) {
    .m-xl-7 {
        margin: 5rem !important;
    }

    .mx-xl-7 {
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }

    .my-xl-7 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }

    .mt-xl-7 {
        margin-top: 5rem !important;
    }

    .mr-xl-7 {
        margin-right: 5rem !important;
    }

    .mb-xl-7 {
        margin-bottom: 5rem !important;
    }

    .ml-xl-7 {
        margin-left: 5rem !important;

    }
}



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

    * {
        font-size: 16px !important;
    }

    h1,
    .h1 {
        font-size: 32px !important;
        font-weight: bold;
    }

    h2,
    .h2 {
        font-size: 30px !important;
        font-weight: bold;
    }

    h3,
    .h3 {
        font-size: 28px !important;
        font-weight: bold;
    }

    h4,
    .h4 {
        font-size: 20px !important;
        font-weight: bold;
    }

    h5,
    .h5 {
        font-size: 16px !important;
        font-weight: bold;
    }

    h6,
    .h6 {
        font-size: 14px !important;
        font-weight: bold;
    }

}