﻿.blue-divider {
    width: 920px;
    height: 16px;
    background-color: #004970;
    margin: 2px 0 15px 0;
}

.media-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    max-width: 920px;
}

    .media-grid img,
    .media-grid video {
        width: 100%;
        aspect-ratio: 452 / 308;
        object-fit: fill;
        display: block;
    }

.media-grid2 img,
.media-grid2 video {
    width: 915px;
    aspect-ratio: 940 / 494;
    object-fit: fill;
    display: block;
}

@media screen and (max-width:1024px) {

    .media-grid {
        grid-template-columns: 1fr;
    }

        .media-grid img,
        .media-grid video {
            width: 100%;
            aspect-ratio: 452 / 308;
            object-fit: fill;
            display: block;
        }

    .media-grid2 img,
    .media-grid2 video {
        width: 100%;
        aspect-ratio: 940 / 494;
        object-fit: fill;
        display: block;
    }

    .blue-divider {
        width: 100%;
    }
}
