@media only screen and (max-width: 760px) {
    header#principal nav{
        display:none;
    }
    header#principal ul.social{
        display: none;
    }
    header#principal a.link-nav-mobile{
        display:block;
    }
    div.cards.four .card, div.flex.four > div{
        flex:0 0 50% !important;
    }
    div.cards.two .card, div.flex.two > div{
        flex:0 0 100% !important;
    }
    div.cards.four div.card .inner{
        padding:5px;
    }
    section.full-height{
        /* min-height: 60vh !important; */
    }
}