/* _____ MEDIA QUERIES _____
   _____                      _____ */

@media screen and (max-width: 1400px) {
    .main_content{
        width: 80%;
        height: auto;
    }
    .intro {
        width: 80%;
    }
}
@media screen and (max-width: 1200px) {
    header {
        background-color: #00374C;
        width: 100%;
        height: 16rem;
    }
    .logo {
        width: 50%;
        float: left;
    }
    
    .social_media{
        width: 40%;
        display: flex;
        text-align: right;
        justify-content: space-between;
    }
    .social_media span{
        color:#fff;
        text-transform: uppercase;
        align-self: center;
        padding: 5px;
    }
    .benefits_cards {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .benefits_cards div {
        width: 40%;
    }
}
@media screen and (max-width: 750px) {
    header {
        height: 11rem;
    }
    .logo {
        width: 100%;
        text-align: center;
    }
    .social_media{
        display: none;
    }
    .benefits_cards div {
        width: 100%;
    }
    
}