/* Edited 3/26 3:30pm */

h4 {
    margin-bottom: .3%;
    margin-top: var(--padding);
    text-transform: uppercase;
}
.main-content {
    display: block;
    position: relative;
    /* padding: var(--padding) */
    padding: 0;
    height: 100%;

    overflow: hidden;

}

li {
    padding: 1rem 1rem;
}

.h4-res {
padding-left: 1rem;
}




@media screen and (min-width: 45rem) {
    li {
        padding: var(--padding) var(--padding);
    }
    
    .h3-res {
    padding-left: var(--padding);
    }
    
}