body {
    color: white;
    background-color: #000000;
     }

.container {
    text-align: left;
    width: 98%;
    min-width: 300px;
    padding: 7px;
}

@media (min-width: 768px) {
    body {
        display: flex;
        justify-content: left;
    }

    .container {
        width: 75%;
        max-width: 1023px;
        text-align: left;
    }

    @media (min-width: 1025px) {
        body {
            display: flex;
            justify-content: left;
            padding: 7px;
        }

        .container {
            width: 45%;
            max-width: 1025px;
            text-align: left;
        }

    @media (min-width: 1600px) {
            .container {
                width: 40%;
            }
        }
    }
}