@charset "UTF-8";
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */


@media print, screen and (min-width: 64em) {
    
}


---------


---------

@media print, screen and (min-width: 40em) {
    .nav-inner ul {
        font-size: 36px;
    }
    .content h1.hero {
        font-size: 48px;
    }
}
---------



--------------

@media print, screen and (min-width: 64em) {

    .logogif {
        width: 50%;
        float: left;
        display: block;
        text-align: center;
        margin-bottom: 2em;
        margin-top: 3em;
    }

    .logogif img {
        width: 100%;
        margin: auto;
    }


    .header-content {
        width: 50%;
        float: left;
        display: block;
    }

/*-----Metodologia Mobile-----*/
    
    
    .metod_full {
        width: 100%;
    }
    
    .metod_time {
        display: none;
    }
    
    .metod_items {
        width: 100%;
        float: none;
    }
    
    .bloque1_name, .bloque2_name {
        width: 100%;
        float: none;
        display: block;
        border-right: none;
    }
    
    .columngap1, .columngap2 {
        display: none;
    }
    
    .bloque01, .bloque02 {
        width: 100%;
        float: none;
    }
    
    .metodologia1, .metodologia2, .metodologia3 {
        display: block;
    }
        
    .metod_icon {
        width: 50%;
        margin: 0 auto;
        float: none;
        padding: 10px 0;
    }
    
    .bloque1-content, .bloque2-content {
        margin-bottom: 10px !important;
        text-align: center;
    }
    
    .bloque1-content h4, .bloque2-content h4 {
        display: block;
        float: none;
    }
    
    .bloque1-content p, .bloque2-content p {
        display: block;
        width: 100%;
        margin: 0;
    }
    
    .graphic200 {
        width: 30%;
        margin: 20px auto;
    }
    
    .metod_fin {
        width: 100%;
        margin: 50px auto;
    }
    
    a.boton-main {
        width: 100%;
        font-size: 16px;
    }
        section#metodologia, .section_inversion {
        padding: 20% 10%;
    }
    
    .receso, .qa {
        width: 100%;
        margin: 10% auto;
        border-top: 2px dotted rgba(245, 240, 162, 1);
        border-bottom: 2px dotted rgba(245, 240, 162, 1);
    }
    .recuadro2 {
        width: 100%;
    }
    
    .owl-item.active {
        width: 28%;
        float: left;
        display: block;
        margin-right: 5%;
    }


}