*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Galano Grotesque Medium';
    list-style: none;


}

/* colocado por mi */
body {

    padding: 60px 0px 0px 0px;
}

@font-face{ 
    font-family: Galano Grotesque Medium; 
    src: url('./galano-grotesque-alt-cufonfonts/GalanoGrotesqueAltRegular.otf');
}

@font-face{
    font-family: Galano Grotesque Bold;
    src: url('./galano-grotesque-alt-cufonfonts/GalanoGrotesqueAltBold.otf');
}

a{
    text-decoration: none;
}

/* navbar */

.hiddenNav{
    display: none;
}

.navbar{
    width: 100%;
    height: 5vw;
    background-color: #303E47;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    color: white;
    padding: 0px 20px 0px 20px;
    -webkit-box-shadow: inset 0px 0px 18px 1px #FFFFFF; 
    box-shadow: inset 0px 0px 5px 1px #757575;
    position: fixed;
    z-index: 10000;

    /* incluido por mi */
    top: 0;
    left: 0;
}

.logoBox{
    display: flex;
}

.logoNav{
    width: 10vw;
}

.navItems{
    display: flex;
    flex-direction: row;
}

.navItems a{
    color: white;
    padding: 0px 0px 0px 0px;
}

.navItem{
    text-decoration: none;
    padding: 20px 30px 20px 30px;
    font-size: 0.9vw;
    
}

.navItem a:hover{
    border-bottom: #00B2E1 8px solid;
    transition: 300ms;
    padding: 0px 0px 20px 0px;
}

.navSocial{
    display: flex;
    flex-direction: row;
    padding: 20px 30px 20px 30px;
}

.navIcon{
    color: #fff;
    font-size: 1.3vw;
    margin: 2px 12px 2px 12px ;
}

.navIcon:hover{
    color: #00B2E1;
    transition: 200ms;
}

/* Mobile Navbar*/

.mobileNav{
    display: none;
}

/* Header */

header{
    width: 100%;
    height: 600px;
    background-image: url('./images/header-img.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}

.headerBox1{
    width: 40%;
    padding: 10px 0px 0px 0px;
}

.headerBox1 h1{
    text-align: center;
    color: #fff;
    font-family: Galano Grotesque Bold;
}

.headerBox2{
    width: 4%;
    height: 3px;
    background-color: #00B2E1;
    margin: 20px 0px 10px 0px;
}

.headerBox3{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px 0px 20px 0px;
}

.headerBox3 p{
    text-align: center;
    color: #fff;
}

.headerBtn{

    text-decoration: none;

    margin: 20px 0px 20px 0px;
    padding: 5px 25px 5px 25px;
    border: none;
    border-radius: 20px;
    background-color: #00B2E1;
    color: #fff;
    cursor: pointer;
}

/* Quienes somos */

#quienesSomosMobile{
    display: none;
}

.section1{
    width: 100%;
    height: 700px;
    display: flex;
    flex-direction: row;
    background-image: url('./images/quienes-somos2.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.section1Box1{
    width: 40%;
    height: 100%;
}

.section1Box2{
    width: 60%;
    height: 100%;
}

.quienesSomos{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 0% 25% 0% 25%;
}

.arrowDown{
    width: 3vw;
    height: auto;
    margin: 0px 0px 30px 0px;
}

.quienesSomos h2{
    color: #00B2E1;
    font-family: Galano Grotesque Bold;
    font-size: 2.4vw;
    margin: 0px 0px 30px 0px;
}

.quienesSomos .p1{
    margin: 0px 0px 20px 0px;
}

/* Cards */

.section2{
    width: 100%;
    height: 800px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section2 .card{
    width: 25%;
    height: 480px;
    background-color: #303E47;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: start;
    padding: 0px 90px 20px 18px;
    margin: 10px;
    border: 1px solid #00B2E1;
}

#card1{
    background-image: url('./images/card-1.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#card2{
    background-image: url('./images/card-2.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

#card3{
    background-image: url('./images/card-3.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.section2 .card .spaceDiv{
    width: 100%;
    height: 60%;
}

.section2 .card .containDiv{
    width: 100%;
    height: 50%;
}

.section2 .card .lineCard{
    width: 20%;
    height: 2px;
    background-color: #fff;
    margin: 0px 0px 20px 0px;
}

.section2 .card h3{
    font-size: 2vw;
    margin: 0px 0px 20px 0px;
}

/* Equipo */

.section3{
    height: 500px;
    display: flex;
    flex-direction: row;
    background-image: url('./images/equipo-img.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.sec3Box1{
    width: 30%;
    color: #00B2E1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: start;
    margin-top: 3%;
}

.sec3Box1 h2{
    font-size: 2.7vw;
    font-family: Galano Grotesque Bold;
}

.sec3Box1 p{
    font-size: 1.1vw;
    width: 70%;
    margin: 10px 0px 0px 0px;
}

.sec3Box2{
    width: 135%;
    height: 22%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: center;
    padding: 0px 0px 0px 0px;
    margin-right: 2%;
    background-color: #303E47;
}

#socios2{
    display: none;
}

.walkthrough {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
    /*background: linear-gradient(to right bottom, #9e66c6, #6027e1);*/
    background-color: #303E47;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 0 0 auto;
    height: 19%;
    min-height: 6rem;
    max-height: 9rem;
    overflow: hidden;
    transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    width: 40%;
    z-index: 1000;
    position: absolute;
    margin-top: 175px;
    margin-left: 70vh;    
}
.walkthrough.show {
    display: flex;
    opacity: 0;
    transform: translateY(72px);
}
.walkthrough.reveal {
    opacity: 1;
    transform: translateY(0);
}
.walkthrough .walkthrough-body {
    align-items: center;
    justify-content: center;
    display: flex;
    flex: 1;
    text-align: center;
}
.walkthrough .walkthrough-body .prev-screen, .walkthrough .walkthrough-body .next-screen {
    align-self: stretch;
    justify-self: center;
    background: none;
    border: 0;
    margin-top: 0;
    color: rgba(255, 255, 255, 0.25);
    cursor: pointer;
    flex: 0 0 auto;
    font-size: 24px;
    opacity: 1;
    outline: none;
    padding: 16px;
    transform: scale(1);
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    z-index: 1000;
}
.walkthrough .walkthrough-body .prev-screen:hover, .walkthrough .walkthrough-body .next-screen:hover, .walkthrough .walkthrough-body .prev-screen:active, .walkthrough .walkthrough-body .next-screen:active {
    color: rgb(255, 255, 255);
    transform-origin: center;
    transform: scale(1.25);
}
.walkthrough .walkthrough-body .prev-screen:disabled, .walkthrough .walkthrough-body .next-screen:disabled {
    opacity: 0;
}
.walkthrough .walkthrough-body .prev-screen {
    order: 1;
}
.walkthrough .walkthrough-body .next-screen {
    order: 3;
}
.walkthrough .walkthrough-body .screens {
    flex: 1;
    align-self: center;
    justify-self: center;
    position: relative;
    padding: 0;
    order: 2;
}
.walkthrough .walkthrough-body .screens .screen {
    display: inline-block;
    height: auto;
    width: 100%;
    position: absolute;
    list-style-type: none;
    top: 50%;
    left: 50%;
    margin: -6% 0 0 -50%;
}

.walkthrough .walkthrough-body h4 {
    color: white;
    font-size: 1.3rem;
    line-height: 1.4em;
    text-align: center;
}
.walkthrough .walkthrough-body p {
    line-height: 1.6em;
    font-size: 1rem;
    margin-top: 0.5rem;
    padding-top: 0;
    color: rgba(255, 255, 255, 0.8);
    text-align: center;
}
.walkthrough .walkthrough-pagination {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 4%;
    
}
.walkthrough .walkthrough-pagination .dot {
    background: rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    height: 8px;
    margin: 0 4px;
    transform: scale(0.75);
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    width: 8px;
}
.walkthrough .walkthrough-pagination .dot.active {
    background: white;
    transform: scale(1);
    transition-delay: 0.4s;
}


.walkthrough .screens {
    margin: 0;
}

.walkthrough .screens .screen {
    opacity: 0;
    position: absolute;
    transform: translateX(-72px);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.walkthrough .screens .screen.active {
    opacity: 1;
    transform: translateX(0) scale(1);
    transition-delay: 0.4s;
}
.walkthrough .screens .screen.active ~ .screen {
    opacity: 0;
    transform: translateX(72px);
}


.partnerBox{
    width: 22%;
    height: 100%;
    color: rgb(255, 255, 255);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 1.5rem;
    
}

.partnerBox div{
    width: 11vw;
    height: 11vw;
    /*background-color: #fff;*/
    border-radius: 40px;
    margin: 0px 0px 15px 0px;
}

.p3{
    margin-left: 2%;
    width: 25%;
}

.socio1{
    background-image: url("images/Icono_Equipos_Marar_opc2.png");
    background-position: center bottom;
    background-size: 150px;
    background-repeat: no-repeat;
}
.socio2{
    background-image: url("images/Icono_Equipos_Marar_opc2.png");
    background-position: center bottom;
    background-size: 150px;
    background-repeat: no-repeat;
}


.partnerBox h4{
    margin: 0px 0px 5px 0px;
    font-size: 1.5rem;
    text-align: center;
}

.partnerBox p{
    font-size: 1rem;
    text-align: center;
}

.icono_equipo{
    height: 7rem;
    margin-top: 15%;
}

/* Modelo de negocio */

.section4{
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 100px;
}

.section4 h2{
    font-size: 1.5vw;
    width: 80%;
    margin: 0px 0px 40px 0px;
    font-family: Galano Grotesque Bold;
}

.sec4Box1{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.container{
    width: 80%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 10px;
    background-color: rgb(236, 236, 236);
}

.itemsBox{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 5px;
    cursor: pointer;
}

.itemsBox:hover{
    opacity: 0.5;
}

.itemsBox .icon{
    width: 50px;
    height: 50px;
    padding: 2px;
}

.icon img{
    width: 100%;
    height: auto;
}

.containItems{
    border-left: 0.2px solid #00B2E1;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0px 10px 0px 10px;
}

.containItems p{
    font-family: Galano Grotesque Bold;
}

.containItems span{
    color: #00B2E1;
    font-size: 2.2vw;
}

.less{
    display: none;
}

.hiddenContent{
    width: 100%;
    display: none;
    flex-direction: column;
    background-color: rgb(236, 236, 236);
    padding: 0px 0px 10px 55px;
}

.textBox{
    display: flex;
    flex-direction: row;
    border-left: 1px solid #00B2E1;
    padding: 5px;
}

.circle{
    color: #00B2E1;
    padding: 5px;
}

.hiddenContent p{
    padding: 5px;
    color: #5a5a5a;
}

/* Clientes */

.section5{
    width: 100%;
    height: 700px;
    display: flex;
    flex-direction: row;
}

.sec5Box1{
    width: 45%;
    height: 100%;
    background-color: #00B2E1;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 0px 60px 0px 80px;
}

.sec5Box1 h2{
    font-size: 2vw;
    margin: 0px 0px 20px 0px;
}

.sec5Box2{
    width: 55%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sec5Box2 img{
    width: 65%;
    height: 65%;
}

/* Asesoramiento */

.section6{
    width: 100%;
    margin: 100px 0px 100px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

.section6 h2{
    font-size: Galano Grotesque Bold;
    font-size: 1.8vw;
    margin: 0px 0px 40px 0px;
}

.sec6Box1{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.sec6Box1 div{
    width: 150px;
    height: 140px;
    background-color: #303E47;
    border-radius: 40px;
    margin: 10px;
    padding: 10px;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.sec6Box1 div:hover{
    opacity: 0.9;
}


.sec6Box1 .sec6Icon{
    font-size: 3vw;
    /* colocado por mi */
    padding: 10px 0px 10px 0px;
}

.numeroTelefono {

    margin-top: 6px;
}


.sec6Box1 p{
    /*font-size: 0.7vw;*/
    font-size: 0.9rem;

    /* incluido por mi */
}

.mailDesktop{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.mailDesktop a {
    
    color: #FFFFFF;
}

#mail{
    /*font-size: 0.7vw;*/
    font-size: 0.9rem;
    text-align: center;
    padding: 5px;
}

.mailMobile{
        display: none;
    }
    
/* Map */

.section7{
    border-top: 1px solid #303E47;
    border-bottom: 1px solid #303E47;
}

/* Footer */

footer{
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 20px;
    margin-top: 20px;
}

.footerLogo{
    width: 10vw;
    height: auto;
}

.footerRedesSociales{
    display: none;
}

.footerBox1{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}


.footerContentboxMobile{
  display: none;
}

.footerContentbox{
    width: 80%;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.footerContentbox div{
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 0px 30px 0px 30px;
    margin: 0px 20px 0px 20px;
}

.footerContentbox div h5{
    font-size: 1rem;
    padding: 0px 0px 10px 0px;
}

.footerContentbox div p{
    font-size: 1rem;
    margin: 5px 0px 5px 0px;
}

.footerIcon2{
    font-size: 1.3vw;
}

.footerBox2{
    width: 80%;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.footerIcon{
    font-size: 2rem;
    color: #303E47;
    /*margin: 20px 40px 0px 0px;*/
}

.footerIcon:hover{
    color: #00B2E1;
    transition: 300ms;
}

.mobileNav{
    position: fixed;
}


/* Media querys */

@media screen and (min-width: 992px){
    .sec3Box1{
        padding: 30px 0px 0px 45px;   
    }

    
}

@media screen and (max-width: 992px){

    /* incluido por mi */
    body {

        padding: 70px 0px 0px 0px;
    }



    .socio1{
        background-image: url("images/Icono_Equipos_Marar_opc2.png");
        background-position: center bottom;
        background-size: 89px;
        background-repeat: no-repeat;
    }
    .socio2{
        background-image: url("images/Icono_Equipos_Marar_opc2.png");
        background-position: center bottom;
        background-size: 89px;
        background-repeat: no-repeat;
    }
    
    /* Esto esta asi porque en celular la idea es que sea solo una etiqueta a */
    .mailDesktop{
        display: none;
    }
    
    .mailMobile{
        display: block;
    }
    
    .mailMobile a{
        color: #fff;
    }

    /* Navbar */

    .navbar{
        display: none;
    }

    .mobileNav{
        position: fixed;
        width: 100%;
        height: 70px;
        background-color: #303E47;
        padding: 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 3;

        /* incluido por mi */
        top: 0;
        left: 0;
    }

    .hamburBtn{
        color: #00B2E1;
        font-size: 5vw;
        margin: 0px 0px 0px 10px;
    }

    .logoNav{
        width: 18vw;
        margin: 0px 10px 0px 0px;
    }

    .z1{
        z-index: 1;
    }

    .hiddenNav{
        display: none;
        position: fixed;
        width: 85%;
        height: 100%;
        background-color: #fff;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        z-index: 4;
    }
    
    .hiddenNavBox1{
        width: 100%;
        height: auto;
        background-color: #00B2E1;
        padding: 10px;
    }

    .hiddenNavIcon{
        color: #FFFFFF;
        font-size: 4vw;
        padding: 5px 10px 5px 10px;
    }

    .hiddenNavBox2{
        width: 100%;
        height: 100%;
        padding: 10px;
    }
    
    .hiddenNavItem{
        width: 100%;
        height: 12vw;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 10px 10px 20px;
        color: black;
        border-top: 1px solid #00B2E1;
    }
    
    .hiddenNavItem a{
        font-size: 4.5vw;
        color: black;
        font-weight: bold;
    }
    
    .closeBtnBox{
        width: 100%;
        height: 12vw;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0px 10px 10px 20px;
    }

    .closeBtn{
        font-size: 8vw;
        color: #00B2E1;
    }

    .fa-chevron-down{
        font-size: 4vw;
    }

    /* Header */

    header{
        height: 1000px;
    }

    .headerBox1{
        width: 70%;
    }

    h1{
        font-size: 5vw;
    }

    /* Quienes somos */

    #quienesSomos{
        display: none;
    }

    #quienesSomosMobile{
        
        height: auto;
        display: flex;
        flex-direction: column;
        background-color: #fff;
    }

    #quienesSomosMobile .mobileBox1{
        height: 600px;
        background-image: url('./images/quienesSomosMobile-1.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .arrowDown{
        width: 6vw;
    }

    .quienesSomos h2{
        font-size: 5vw;
    }

    .quienesSomos p{
        width: 110%;
    }

    #quienesSomosMobile .mobileBox2{
        height: 600px;
        background-image: url('./images/quienesSomosMobile-2.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom;
    }

    /* Cards */

    .section2{
        flex-direction: column;
        height: auto;
        margin: 80px 0px 80px 0px;
    }

    .section2 .card{
        width: 50%;
        height: 400px;
        margin: 10px 0px 40px 0px;
    }

    .section2 .card .containDiv{
        padding: 10px 0px 0px 10px;
    }

    .section2 .card h3{
        font-size: 5vw;
    }
    
    .section2 .card .containDiv{
        height: auto;
    }

    /* Equipo */

    

    .section3{
        height: 350px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0px 0px 0px 0px;
    }

    .sec3Box1{
        justify-content: center;
        align-items: center;
        width: 40%;
        margin-bottom: 30px;
        margin-top: -30%;
        color: #fff;
        padding: 0%;
    }

    .sec3Box1 .icono_equipo{
        display: none;
    }

    .sec3Box1 h2{
        font-size: 5vw;
        text-align: center;
    }

    .sec3Box1 p{
        width: 140%;
        font-size: 2.5vw;
        text-align: center;
    }

    .sec3Box2{
        background-color: #303E47;
        width: 65%;
        height: 150px;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        margin-right: 0%;
    }

    #socios2{
        display: flex;
    }

    .walkthrough {
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
        /*background: linear-gradient(to right bottom, #9e66c6, #6027e1);*/
        background-color: #303E47;
        border-radius: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex: 0 0 auto;
        height: 20%;
        min-height: 6rem;
        max-height: 9rem;
        overflow: hidden;
        transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        width: 75%;
        z-index: 1000;
        position: absolute;
        margin-top: 100px;
        margin-left: 0vh;    
    }

    .walkthrough .walkthrough-body .screens .screen {
        display: inline-block;
        height: auto;
        width: 100%;
        position: absolute;
        list-style-type: none;
        top: 50%;
        left: 50%;
        margin: -10% 0 0 -50%;
    }
    
    .walkthrough .walkthrough-body h4 {
        color: white;
        font-size: 1rem;
        line-height: 1.4em;
        text-align: center;
    }
  

    .partnerBox{
        width: 45%;
        height: 40%;
        margin: 1%;
    }

    .p3{
        margin-left: 0% !important;
        width: 45%;
    }

    .partnerBox div{
        width: 23vw;
        height: 25vw;
    }

    .partnerBox h4{
        font-size: 2.5vw;
        text-align: center;
    }

    .partnerBox p{
        font-size: 1.5vw;
    }


    /* Modelo de negocio */

    .section4{
        margin: 120px 20px 120px 20px;
    }

    .section4 h2{
        font-size: 5vw;
    }

    .containItems p{
        font-size: 2.5vw;
    }

    .containItems span{
        font-size: 4vw;
    }

    /* Clientes */

    .section5{
        flex-direction: column;
        height: auto;
    }

    .sec5Box1{
        width: 100%;
        height: 500px;
        padding: 0px 200px 0px 200px;
    }

    .sec5Box1 h2{
        font-size: 5vw;
        font-weight: bold;
    }

    .sec5Box2{
        padding: 100px 0px 100px 0px;
    }

    .sec5Box2 img{
        width: 75%;
    }

    /* Asesoramiento */

    .section6 h2{
        font-size: 5vw;
    }

    .sec6Box1{
        display: grid;
        grid-template-columns: 50% 50%;
    }

    .sec6Box1 div{
        width: auto;
        padding: 60px 20px 60px 20px;

        display: flex;
        justify-content: center;
    }

    .sec6Box1 .sec6Icon{
        font-size: 6vw;
    }

    .sec6Box1 p{
        font-size: 2vw;
        text-align: center;
    }

    

    /* Footer */


    .footerLogo{
        width: 20vw;
        height: auto;
    }
    .footerRedesSociales{
        width: 20%;
        padding-left: 10%;
        height: 2%;
        display: flex;
    }
    
    .footerContentboxMobile{
        width: 60%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    
    
    .footerContentboxMobile div{
        width: 120%;
        display: flex;
        align-items: center;
        flex-direction: column;
        padding: 0px 30px 0px 30px;
        margin: 0px 0px 0px 0px;
    }
    
    .footerContentboxMobile div h5{
        font-size: 1rem;
        padding: 0px 0px 10px 0px;
    }
    
    .footerContentboxMobile div p{
        font-size: 1rem;
        margin: 0px 0px 10px 0px;
    }
    
    
    .footerContentbox{
        display: none;
    }

    .footerContentbox{
        align-items: flex-start;
    }

    .footerContentbox div{
        padding: 0px 0px 0px 0px;
    }

    .footerContentbox div h5{
        font-size: 3.5vw;
    }

    .footerContentbox div p{
        font-size: 2.8vw;
    }

    .footerIcon{
        font-size: 2rem;
    }

    .footerIcon2{
        font-size: 3vw;
    }

}

@media screen and (max-width: 576px) {

    /* Navbar */
    .hamburBtn{
        font-size: 8vw;
    }

    .logoNav{
        width: 27vw;
    }

    .hiddenNav a{
        font-size: 5vw;
    }

    /* Header */

    .headerBox1{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .headerBox1 h1{
        width: 95%;
        font-size: 6vw;
    }

    .headerBox2{
        width: 10%;
        margin: 40px 0px 0px 0px;
    }

    .headerBox3{
        margin: 40px 0px 0px 0px;
    }

    /* Quienes somos */

    /* Cards */

    /* Equipo */

    /* Modelo de negocio */

    /* Clientes */

    .sec5Box1{
        padding: 0px 100px 0px 150px;
    }

    .section5 h2{
        font-size: 6vw;
    }

    .section5 p{
        font-size: 4vw;
    }

    /* Asesoramiento */

    .section6 h2{
        font-size: 6vw;
    }

    .sec6Box1 .sec6Icon{
        font-size: 8vw;
    }

    .sec6Box1 p{
        font-size: 2.5vw;
    }

    /* Footer */

    .footerIcon{
        font-size: 5vw;
    }

}

@media screen and (max-width: 480px) {
    
    /*Navbar*/

    /* Header */
    
    header{
        height: 700px;
    }
    
    .headerBox1 h1{
        font-size: 7vw;
    }
    
    /* Quienes somos */
    
    #quienesSomosMobile .mobileBox1{
        height: 700px;
        background-position: right;
        
    }
    
    .quienesSomos{
        justify-content: flex-start;
        padding: 10% 15% 0% 15%;
    }
    
    .quienesSomos h2{
        font-size: 6vw;
    }
    
    .quienesSomos p{
        width: auto;
    }
    
    /* Cards */
    
    .section2 .card{
        width: 70%;
    }
    
    /* Equipo */
    
    .sec3Box1{
        width: 50%;
    }
    
    .sec3Box1 h2{
        font-size: 7vw;
    }
    
    .sec3Box1 p{
        font-size: 3vw;
    }
    
    .partnerBox h4{
        font-size: 3vw;
        text-align: center;
    }
    
    .partnerBox p{
        font-size: 3vw;
        text-align: center;
    }
    
    /* Modelo de Negocio */
    
    .section4 h2{
        font-size: 7vw;
    }
    
    .containItems p{
        font-size: 3.2vw;
    }
    
    .containItems span{
        font-size: 6vw;
    }
    
    /* Clientes */
    
    .sec5Box1{
        padding: 0px 70px 0px 100px;
    }
    
    
    /* Footer */
    
    .footerLogo{
        width: 20vw;
        /*height: 7vw;*/
        height: auto;

    }
    
    .footerContentbox div h5{
        font-size: 2.8vw;
    }
    
    .footerContentbox div p{
        font-size: 2vw;
    }

}