body {
    font-family: "Nunito", sans-serif;
    font-size: 16px;
}
h1,
h2,
h3 {
    font-family: "Poppins", sans-serif;
}

/* header */
#header img {
    width: 100%;
}

.tx-8px {
    font-size: 8px;
}

.tx-12px {
    font-size: 12px;
}

.tx-16px {
    font-size: 16px;
}

.tx-20px {
    font-size: 20px;
}

.tx-24px {
    font-size: 24px;
}

.bold {
    font-weight: bold;
}

.grey {
    color: #4d4d4d;
}

.grey_background {
    background-color: rgba(199, 198, 198, 0.1);
}

.pink_background {
    background-color: rgb(249, 107, 166);
}

.pink {
    color: #f96ba6;
}

.white {
    color: white;
}

.gap-4px {
    margin: 4px 0px 0px 0px;
}

.gap-8px {
    margin: 8px 0px 0px 0px;
}

.gap-12px {
    margin: 12px 0px 0px 0px;
}

.gap-16px {
    margin: 16px 0px 0px 0px;
}

.gap-20px {
    margin: 20px 0px 0px 0px;
}

.gap-24px {
    margin: 24px 0px 0px 0px;
}

.gap-28px {
    margin: 28px 0px 0px 0px;
}

.padding {
    padding: 0px 16px;
    @media (min-width: 430px) {
        padding: 0px 24px;
    }
}
.padding-left {
    padding-left: 12px;
    @media (max-width: 390px) {
        padding-left: 8px;
    }
}

.padding-bottom-28px {
    padding-bottom: 28px;
}
.font-weight550 {
    font-weight: 550;
}

.font-weight450 {
    font-weight: 450;
}

.font-weight400 {
    font-weight: 400;
}

.border {
    border-top: solid 1px rgb(123, 123, 124);
    border-bottom: solid 1px rgb(123, 123, 124);
}

.underline {
    text-decoration: underline 1px #4d4d4d;
}

.underline_white {
    text-decoration: underline 1px #ffffff;
}

.line-height {
    line-height: 1.4;
    letter-spacing: 0.1px;
}

.tx-center {
    text-align: center;
}

.right-start {
    text-align: right;
}

.display-none {
    display: none;
}

.block {
    display: block;
}

.function-padding {
    padding: 8px 0px;
}

.border-bottom {
    border-bottom: solid 1px rgb(123, 123, 124);
}

.hover:hover {
    transition: 0.3s;
    background-color: rgb(249, 107, 166, 0.175);
}