.info-box {
    padding: 3em;
    background-color: #dcd5cf4d;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
}

@media (max-width: 600px) {
    .info-box {
        grid-template-columns: 1fr;
    }
}

.info-box i {
    width: 100%;
    color: var(--eventsure-color);
    text-align: center;
    font-size: 12em;
    font-weight: 100;
}

.info-box .info-box-text {
    padding: 1em;
}

.info-box .info-box-text h1 {
    color: var(--eventsure-color);
    text-transform: uppercase;
    font-family:Arial, Helvetica, sans-serif;
}

.info-box .info-box-text h2 {
    color: var(--gray-6);
    font-family:Arial, Helvetica, sans-serif;
    font-weight: 100;
    font-size: 1.2em;
}

.info-box img {
    width: 100%; 
    height: auto;
    display: block;
}

.info-panel {
    padding: 3em;
}

.data-info-box {
    display: flex;
    justify-content: center;
}

.data-info-box .data-box {
    background-color: #dcd5cf4d;
    width: 15em;
    padding: 2em;
    display: flex;
    flex-direction: column;
}

.data-info-box .data-box .data-box-header {
    text-transform: uppercase;
    text-align: center;
    color: var(--gray-6);
    border-bottom: 1px solid #aeaeae;
}

.data-info-box .data-box .data-box-data {
    text-align: center;
    height: 100%;
    color: var(--gray-6);
    font-size: 10em;
    padding: 0;
    margin: 0;
}

.data-info-box .data-box .data-box-data p {
    padding: 0;
    margin: 0;
}