h1 {
    font-size:6em;
}

p {
    font-size:1.2em;
    margin-bottom:1em;
    line-height:1.6;
}

.highlights {
    display:grid;
    grid-template-columns: repeat(4,1fr);
    margin:5em 0;
}

h2 {
    font-size:3em;
}

.grid {
    display:grid;
    grid-template-columns: repeat(8,1fr);
    grid-gap:1em;
    margin-bottom:10em;
}

    .grid img {
        width:100%;
    }

    .grid a {
        text-decoration: none;
    }

    .grid p {
        margin-bottom:0;
    }

@media screen and (max-width:999px){
    .grid {
        grid-template-columns: repeat(6,1fr);
    }
}

@media screen and (max-width:499px){

    .highlights {
        grid-template-columns: 1fr 1fr;
    }

    .grid {
        grid-template-columns: repeat(4,1fr);
    }
}

@media screen and (max-width:349px){
    .grid {
        grid-template-columns: repeat(3,1fr);
    }
}