/* Credits CSS */





.grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    max-width: 900px;
    margin: 0 auto;
}

.grid img {
    max-width: 462px;
    padding: 8px 0;
}

.credits {
    text-align: left;
    padding: 10px 0 55px;
}

h3 {
    text-align: left;
}











/* Responsiveness */

/* Responsiveness for vertical/portrait mode phones and tablets */

@media only screen and (max-width: 768px) and (orientation: portrait) {
    .grid {
        grid-template-columns: 1fr;
        gap: 25px;
        padding: 0 20px;
    }
    .grid img {
        max-width: 100%;
    }
    .text {
        order: 1;
    }
    .images {
        order: 2;
    }
}