html {
    font-family: 'Bebas Neue', cursive;
}

header{
    text-align: center;
    background: #30796b;
    height: 46px;    
}

h1 {
    margin: 8rem auto 1rem auto;
    font-size : 2rem;
    font-weight: 700;
    text-align: center;
}

.flex {
    display : flex;
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: wrap;
}

a {
    padding: 2.3%;
    width: 25%;
}

@media only screen and (min-width: 768px) {
    a {
        padding: .75rem;
        width: 25%;
    }
}