* {
    box-sizing: border-box;
}

html {
    font-family: "Nunito Sans", sans-serif;
}

[class*="col-"] {
    float: left;
    padding: 15px;
}

.col-1 {
    width: 33%;
}

.col-2 {
    width: 34%;
}

.col-3 {
    width: 33%;
}

.row::after {
    content: "";
    clear: both;
    display: table;
}
 img {
     max-width: 100%;
 }

 p {
     text-align: center;
     font-size: 4vw;
 }

 @media screen and (max-width: 320px) {
    #header a{
       font-size: 80%;
    }    
}

@media screen and (max-width: 700px) {
#header a{
   font-size: 120%;
} 
}