.header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: left;
    width: 95%;
}

.header div {
    margin: 1vw 0;
}

.header img {
    margin: 1vw 0;
    padding: 0;
    width: 100%;
}

.header h2 {
    color: #EF16AC;
    font-size: 1.5vw;
    margin: 0;
    padding: 0;
}

.header span {
    color: #B96DE2;
    font-family: 'Zona Pro Light';
}

.header h3 {
    font-size: 1.5vw;
    margin: 0;
    padding: 0;
}

.header p {
    width: 46%;
    font-family: 'Zona Pro Light';
}

.line {
    border-top: 1px solid #B96DE2;
    width: 95.2%;
    margin: 1vw 0;
}

.display {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 95.5%;
    height: auto;
    margin: 1vw;
}

.display img {
    max-width: 54%;
    margin-bottom: 0.3vw;
    margin-top: 0.25vw;
}

.display video {
    max-width: 54%;
    margin-bottom: 0.3vw;
    margin-top: 0.25vw;
}

.display-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: left;
    max-width: 44.5%;
    height: inherit;
    margin: 0;
}

.display-info h4, .display-info p {
    margin: 0;
    padding: 0;
}

.display-info h4 {
    color: #00B0F2;
}

.display-info p {
    font-family: 'Zona Pro Light';
}

.full-page {
    width: 95.5%;
    margin: 0;
    margin-bottom: 1vw;
}

.full-page-2 {
    width: 95.5%;
    margin: 0;
    margin-bottom: 1vw;
}

.image-grid {
    display: grid;
    margin-top: 1vw;
    margin-bottom: 1vw;
    width: 95.5%;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(5, 1fr);
    max-height: 120vw;
    gap: 1vw;
    overflow: hidden;
}

.image-grid img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    grid-column: span 2;
}

.image-grid img.wide {
    grid-column: span 3;
}

.image-grid video.max, .image-grid img.max {
    grid-column: span 6;
}

.image-grid img.wide-tall {
    grid-column: span 3;
    grid-row: span 2;
}

.image-grid video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    grid-column: span 2;
    overflow: hidden;
}

.image-grid video.ultrawide, .image-grid img.ultrawide {
    object-fit: contain;
    grid-column: span 4;
    overflow: visible;
}

.image-grid-2 {
    display: grid;
    margin-top: 1vw;
    margin-bottom: 1vw;
    width: 95.5%;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(5, 1fr);
    max-height: 120vw;
    gap: 1vw;
}

.image-grid-2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    grid-column: span 2;
}

.image-grid-2 img.wide {
    grid-column: span 3;
}

.image-grid-2 img.thin {
    grid-column: span 1.5;
}

.image-grid-2 video.max, .image-grid-2 img.max {
    object-fit: cover;
    grid-column: span 6;
}

.image-grid-2 video.max-tall, .image-grid-2 img.max-tall {
    object-fit: contain;
    grid-column: span 6;
    grid-row: span 3;
}

.image-grid-2 img.wide-tall {
    grid-column: span 3;
    grid-row: span 2;
}

.image-grid-2 video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    grid-column: span 2;
    overflow: hidden;
}

.image-grid-2 video.ultrawide, .image-grid-2 img.ultrawide {
    object-fit: cover;
    grid-column: span 4;
    overflow: visible;
}



.disclaimer {
    font-family: 'Zona Pro Light';
    display: flex;
    flex-direction: column;
    width: 95.5%;
    justify-content: left;
    align-items: left;
    margin: 1vw 0;
    color: #B96DE2;
}

@media (max-width: 768px) {
    .header h2, .header h3{
        font-size: 3vw;
    }

    .header p {
        width: 100%;
        font-size: 3vw;
    }

    .display {
        flex-direction: column;
    }


.display img {
    max-width: 100%;
    margin-bottom: 1vw;
    margin-top: 2vw;
}

.display video {
    max-width: 100%;
    margin-bottom: 1vw;
    margin-top: 2vw;
}

.display-info {
    justify-content: left;
    align-items: left;
    max-width: 100%;
}

.display-info h4, .display-info p {
    font-size: 3vw;
    margin: 1vw 0;
    padding: 0;
}

.image-grid, .image-grid-2 {
    display: flex;
    margin: 2vw 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-height: max-content !important;
}

.full-page {
    margin-bottom: 3vw !important;
    padding: 0 !important;
}

.full-page-2 {
    margin-top: 3vw !important;
    margin-bottom: 0vw !important;
    padding: 0 !important;
}

.line {
    margin: 3vw 0;
}   

.image-grid img, .image-grid video {
    margin: 1vw 0;
    width: 100%;
}

.image-grid-2 img, .image-grid-2 video {
    margin: 1vw 0;
    width: 100%;
}

.disclaimer {

    border-top: 1px solid #B96DE2;
    padding-top: 2vw;
    margin-top: 0vw;
    font-size: 2.5vw;
}
}