body {
    font-family: Jost, sans-serif !important;
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Jost, sans-serif !important;
}

p {
    font-size: 16px;
}

h1 {
    font-size: 72px !important;
    text-transform: uppercase;
    font-weight: bold !important;
}

h2 {
    font-size: 36px;
}


h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

/* Tablet (máx. 768px de ancho) */
@media (max-width: 768px) {
    p {
        font-size: 14px;
    }

    h1 {
        font-size: 48px !important;
    }

    h2 {
        font-size: 28px;
    }

    h3 {
        font-size: 20px;
    }

    h4 {
        font-size: 16px;
    }
}

/* Móvil (máx. 576px de ancho) */
@media (max-width: 576px) {
    p {
        font-size: 12px;
    }

    h1 {
        font-size: 36px !important;
    }

    h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 18px;
    }

    h4 {
        font-size: 14px;
    }
}


.intro, .events, .gallery, .corporate-events, .contact {
    text-align: center;
}

.events .event {
    margin-bottom: 30px;
}

button {
    background-color: #333;
    color: white;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
}

.alert {
    border-radius: 0 !important;
    border: none !important;
}


/***************************
           PADDING
****************************/
.p-6 {
    padding: 4rem; /* 64px */
}

.p-7 {
    padding: 5rem; /* 80px */
}

/***************************
           MARGIN
****************************/


/***************************
          COLORS
****************************/
.primary-color {
    color: var(--primary-color) !important;
}

.secondary-color {
    color: #2D54FF !important;
}

.text-muted-light {
    color: rgba(255, 255, 255, 0.6) !important;
}