body{
    margin-left: auto;
    margin-right:auto;
    max-width:800px;
    width:90%;
}

#container1 aside{
    width:170px;
    margin:10px;
    font-size:0.8rem;
    display:block;
}

#container1{
    display:flex;
    flex-wrap: wrap;
    padding-left:0;
    list-style: none;
}

#container2{
    display:flex;
    flex-wrap: wrap;
    padding-left:0;
    list-style: none;
    margin: -10px 1rem -10px 1rem;
}

#container2 aside{
    margin:10px;
}

@media (min-width:640px){
    html{
        background-color: #eaf6ff;
    }

    h1{
        font-size:2.5rem;
    }

    #container2 li{
        width:25%;
    }
}

@media (max-width:500px){
    h1{
        font-size:1.5rem;
    }
}

@media (min-width:480px){
    #container2 li{
        width:50%;
    }
}