.jumbo{
    background-color: #020b36;
}
.recruitment-link{
    padding: 30px;
    background-color: #FAF9F6;
}
.subtitle{
    color: gray;
}

@keyframes button-ani{
    from {
        background-color: #457561;
    }
    to {
        background-color: #020b36;
    }
}
#learn-more-buttons{
    background-color: #457561;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
    color: #FAF9F6;
    border: none;
}
#learn-more-buttons:hover{
    animation-name: button-ani;
    animation-duration: 2s;
    background-color: #020b36;
}

@media (max-width: 675.98px) {
    .areas{
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 675.99px) {
    .areas{
        padding-left: 10vw;
        padding-right: 10vw;
    }
    .cont{
        width: 75%;
    }
}