* {
    font-family: Arial, Helvetica, sans-serif;
}
html {
    background-color: whitesmoke;
}

section {
    display: flex;
    width: 100%;
}

li {
    color: whitesmoke;
}

article {
    margin: 2%;
    background-color: teal;
    padding: 2%;
    width: 35%;

    h2 {
        color: whitesmoke;
    }

    p {
        color: whitesmoke;
    }
}

@media (max-width: 750px) {
    section {
        display: block;
    }

    article {
    margin: 5%;
    background-color: teal;
    padding: 3%;
    width: 90%;

    h2 {
        color: whitesmoke;
    }

    p {
        color: whitesmoke;
    }
}
}