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

     /*Seccion NAVBAR*/

    .navbar{
        position: fixed;
    }

    .navbar .logo{
        width: 275px;
        height:56px;
        grid-column: 2/4;
    }

    .navbar .logotype{
        display: none;
    }

    .navbar .hamburguesa{
        display: block;
        grid-column: 12/13;
        font-size: 1.5rem;
        cursor:pointer;
    }

    .navbar .menu{
        grid-column: 8/13;
        position: absolute;
        width: 100%;
        height: 50vh;
        display: grid;
        align-items: center;
        background-color: rgba(61, 56, 53, 0.9);
        margin-top: 60vh;
        transform: translateX(150%);
        transition: all 1s;
        text-align: right;
        justify-content: space-around;
        z-index: 1;
    }

    .navbar .menu-toggle{
        transform: translateX(21%);

    }

    /*Seccion SLOGAN*/

    .slogan{
        height: 40vh;
        padding-top: 15vh;
        background-color: #6B4C26;
    }

    .slogan .info-content{
        grid-column: 2/11;
        grid-row: 2/8;
        color: #F0EFED;
    }

    .slogan h1{
        font-size: 2rem;
        line-height: 2rem;
    }


    /*Seccion HERO*/
    
    .hero{
        height: 50vh;
    }

    /* Seccion ABOUT*/

.container-about{
    max-width: 100%;
}

.container-about .info-about-titles{
    grid-column: 2/10;
    grid-row: auto;
}

.container-team .info-team-icon{
    grid-column: 11/12;
    display: flex;
    justify-content:end;
}

.container-about .info-about-left{
    grid-column: 2/11;
    grid-row: auto;
    
}

.container-about .info-about-right{
    grid-column: 2/11;
    grid-row: auto;
    
}

.container-about h2{
    font-size: 2.0rem;
    line-height: 2.5rem;
    margin-top: 1rem;
    color: #3D3835;
    letter-spacing: -0.1rem;
}

.container-about h3{
    font-size: 0.75rem;
    line-height: 0.75rem;
    letter-spacing: 0.2rem;
    color: #6B4C26;
}

.container-about p{
    font-size: 1rem;
    line-height: 2rem;
    font-weight:lighter;
    margin-top: 1rem;
    color: #3D3835;
}

/* Seccion TEAM*/

.container-team{
    display: grid;
    grid-template-columns: repeat(12,1fr);
    min-width: 100%;
    padding-top: 10rem;
    padding-bottom: 10rem;
    background-color: #F4F3EF;
}

.container-team .info-team-titles{
    grid-column: 2/12;
    flex-wrap: wrap;
}

.container-team-inside{
    grid-column: 2/12;
    display: grid;
    grid-template-columns: repeat(1,1fr);
    justify-content:space-evenly;
    gap: 4rem;
    margin-top: 2rem;
    min-width: 100%;
}

.container-team-inside .card img{
    min-width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.container-team h2{
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 3rem;
    color: #3D3835;
    letter-spacing: -0.1rem;
}

.container-team h3{
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 0.75rem;
    letter-spacing: 0.1rem;
    color: #6B4C26;
}

.container-team p{
    font-size: 1rem;
    font-weight: 300;
    line-height: 2rem;
    color: #3D3835;
}


/* Seccion CONTACT*/

.contact-container{
    display: grid;
    grid-template-columns: repeat(12,1fr);
    height: 80vh;
    min-width: 100%;
    color: #3D3835;
}


.contact-container h2{
    margin-bottom: 2rem;
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 3rem;
    color: #F4F3EF;
    letter-spacing: -0.1rem;
}

.contact-container h3{
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 0.75rem;
    letter-spacing: 0.1rem;
    color: #6B4C26;
}


.contact-container .footerimage{
    grid-column: 2/12;
    height: 80vh;
    background-image:url(../images/WR_F_2.jpg);
    background-size: cover;
    min-width: 100%;
    display: none;
    order: 2;
}

.container-form{
    grid-column: 1/13;
    min-width: 50vw;
    height: 80vh;
    padding: 5rem 3rem;
    order: 1;
    
}

/* Seccion Projects Main Thumbs */
.projects-container{
    display: grid;
    grid-template-columns: repeat(12,1fr);
    min-width: 100%;
    padding-top: 8rem;
    padding-bottom: 4rem;
}

.projects-container-village{
    grid-column: 2/12;
    margin-top: 2rem;
    
}

.projects-container-delcielo{
    grid-column: 2/12;
    margin-top: 2rem;
    
}

/* Seccion Project Inside About*/

.container-project{
    display: grid;
    grid-template-columns: repeat(12,1fr);
    min-width: 100%;
    padding-top: 8rem;
    padding-bottom: 4rem;
    background-color: #6B4C26;
}

.container-project .info-project-left{
    grid-column: 2/12;
    margin-top: 2rem;
    
}

.container-project .info-project-right{
    grid-column: 2/12;
    
}

.container-project .projecthero img{
    height: 40vh;
    max-width: 100%;
}

.container-project h2{
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 2.5rem;
    margin-top: 1rem;
    color: #F4F3EF;
    text-align: center;
}

.container-project h3{
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 0.75rem;
    letter-spacing: 0.1rem;
    color: rgba(240, 240, 240, .5);
    text-align: center;
}


/* Seccion Project Inside IMAGE GALLERY*/

.container-gallery{
    display: grid;
    grid-template-columns: repeat(12,1fr);
    min-width: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-color: #F4F3EF;
}


.container-gallery-inside{
    grid-column: 2/12;
    display: grid;
    grid-template-columns: repeat(1,1fr);
    justify-content:space-evenly;
    gap: 2rem;
    margin-top: 2rem;
    min-width: 100%;
}

.container-gallery-inside .card img{
    min-width: 100%;
    display: flex;
    flex-wrap: wrap;
}


/* Seccion Siteplan*/

.container-siteplan{
    display: grid;
    grid-template-columns: repeat(12,1fr);
    min-width: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-color: #F4F3EF;
}


.container-siteplan-inside{
    grid-column: 2/12;
    display: grid;
    grid-template-columns: repeat(1,1fr);
    justify-content:space-evenly;
    gap: 2rem;
    margin-top: 2rem;
    min-width: 100%;
}

.container-siteplan-inside .card img{
    min-width: 100%;
    display: flex;
    flex-wrap: wrap;
}




}