/*
=================================================
DC Framework
Responsive
Versión 1.0
=================================================
*/

/* Tablets */

@media (max-width: 1024px){

    .dc-grid-4{
        grid-template-columns:repeat(2,1fr);
    }

    .dc-grid-3{
        grid-template-columns:repeat(2,1fr);
    }

    .dc-section{
        padding:70px 0;
    }

}

/* Móviles */

@media (max-width: 768px){

    .dc-grid-2,
    .dc-grid-3,
    .dc-grid-4{
        grid-template-columns:1fr;
    }

    .dc-section{
        padding:56px 0;
    }

    .dc-container{
        width:92%;
    }

    .dc-hide-mobile{
        display:none !important;
    }

    .dc-show-mobile{
        display:block !important;
    }

    .dc-text-mobile-center{
        text-align:center;
    }

    .dc-mobile-column{
        flex-direction:column;
    }

    .dc-mobile-full{
        width:100%;
    }

}

/* Celulares pequeños */

@media (max-width: 480px){

    body{
        font-size:15px;
    }

    .dc-section{
        padding:44px 0;
    }

    .dc-btn{
        width:100%;
    }

}

@media (max-width:768px){

    .dc-hero{
        padding-top:120px;
    }

    .dc-hero-actions{
        flex-direction:column;
    }

    .dc-hero-stats{
        grid-template-columns:1fr;
    }

}

@media (max-width:1024px){

    .dc-navbar-menu,
    .dc-navbar-actions{
        display:none;
    }

    .dc-mobile-btn{
        display:block;
    }

}