h1{
    color: #444444;
    font-size: clamp(2em, 7vw, 3em);
    margin: 5.5% 0 2.5%;
}

main{
    margin-top: clamp(55px, 10vw, 80px);
    min-height: calc(100vh - clamp(60px, 10vw, 80px));
}

@media only screen and (max-width: 600px) {
    h1{
        text-align: center;
    }
}

/* Issues Grid Container
==========================================================*/

#grid-container{
    text-align: center;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

#grid-container img{
    width: 7.5em;
    margin: 0;
}

#grid-container a{
    color: var(--primary-green);
    text-decoration: none;
    margin-bottom: 2rem;
}

#grid-container h3{
    font-size: 1.75em;
    margin: 0;
}

.smaller-icon{
    transform: scale(0.75);
}