/* =========== FONTS =========== */

* {
    font-family: "josefin-sans", sans-serif;
    font-weight: 400;
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "josefin-sans", sans-serif;
    font-weight: 600 !important;
    font-style: normal;
}

/* =========== HEADER =========== */


@media screen and (min-width: 1024px) {
    .grid-20 {
        display: grid;
        grid-template-columns: repeat(20, minmax(0, 1fr));
    }

    .col-1 {
        grid-column: span 1 / span 1;
    }

    .col-19 {
        grid-column: span 19 / span 19;
    }
}

.vertical-text {
    writing-mode: vertical-rl;
    text-orientation: mixed;
}

/* =========== COLORS =========== */

.color-main {
    color: #BA002B;
}

.bg-main {
    background-color: #BA002B;
}

.color-add {
    color: #3a3a3a;
}

.bg-add {
    background-color: #3a3a3a;
}

/* =========== BUTTON =========== */

.button-main {
    color: #ffffff;
    background-color: #BA002B;
    border: 1px solid #BA002B;
    transition: 0.3s ease-in-out;
    padding: 5px 25px 10px 25px;
}

.button-main:hover {
    color: #BA002B;
    background-color: #ffffff;
    transition: 0.3s ease-in-out;
}