@media screen and (max-width:1024px){
    .containerMenu{
        grid-template-columns: 1fr;
    }
    .hamburger{
        display: inline-block;
        position: absolute;
        top:36px
    }
    .wrapperMenus{
        position: absolute;
        width: 300px;
        min-height: calc(100vh - 130px);
        max-height: calc(100vh - 130px);
        top: 130px;
        left: -100%;
        background: #FFF;
        transition: all .8s ease;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 200px;
    }
    .wrapperMenus.showMenu{
        left: 0px;
    }
        .menu{
            grid-template-columns: 1fr;
            grid-template-rows: repeat(auto-fit, 25px);
            justify-content: left;
            justify-items: start;
            align-items: start;
            align-self: start;
            grid-row-gap: 15px;
            height: 100%;
            overflow: hidden;
            overflow-y: auto;
            padding-top: 15px;
            
        }
            .menu li {
                text-align: left;
                padding-left: 30px;
                font-size: 1.3em;
                width: 100%;
                border-bottom: 1px solid #00000029;
            }
        .menuSocial{
            align-self: center;
        }
    /* corouselHome */
    .corouselHome figure figcaption {
        top: 35%;
        width: 50%;
    }
    .corouselHome figcaption .titleCarousel{
        font-size: 29px;
    }
    .corouselHome figcaption .paragraphCarousel {
        font-size: 20px;
    }
    .corouselHome figcaption .btnCarousel {
        font-size: 19px;
    }
    /* end corouselHome */

    /* backgroundFixed */
    .backgroundFixed .craneo figcaption{
        font-size: 20px;
    }
    /* end backgroundFixed */

    /* servicesHome */
    .servicesHomeText .servicesHomeTitle {
        font-size: 29px;
    }
    .servicesHomeText .servicesHomeParagraph {
        font-size: 20px;
    }
    .servicesHomeText .servicesHomeBtn {
        font-size: 19px;
    }
    .servicesHomeIcons figure img {
        width: 100%;
        max-width: 150px;
    }
    .servicesHomeIcons figure figcaption {
        font-size: 25px;
    }
    /* end servicesHome */

    .boxUsViewArticle {
        grid-template-columns: 1fr 1fr;
    }
    .boxUsViewTitle {
        font-size: 29px;
        margin-top:0;
    }
    .boxUsMissionArticle {
        grid-template-columns: 1fr 1fr;
    }
    .boxUsMissionTitle {
        font-size: 29px;
        margin-top:0;
    }
    .boxServicesTitle {
        font-size: 29px;
        margin-top:0;
    }
    .boxServicesArticle {
        grid-template-columns: 1fr 1fr;
    }
}
@media screen and (max-width: 768px){
    /* corouselHome */
    .corouselHome figure figcaption {
        top: 37%;
        left: 10%;
        width: 80%;
        text-align: center;
        margin: 0 auto;
    }
    .corouselHome figcaption .titleCarousel {
        font-size: 25px;
    }
    .corouselHome figcaption .paragraphCarousel {
        font-size: 18px;
        /* overflow:hidden;
        white-space:nowrap;
        text-overflow: ellipsis; */
    }
    .corouselHome .owl-dots {
        bottom: 0px;
    }
    .corouselHome figcaption .btnCarousel {
        font-size: 16px;
    }
    /* end corouselHome */
    /* servicesHome */
    .servicesHomeText .servicesHomeTitle {
        font-size: 25px;
    }
    .servicesHomeText .servicesHomeParagraph {
        font-size: 18px;
    }
    .servicesHomeText .servicesHomeBtn {
        font-size: 16px;
    }
    .servicesHomeIcons figure figcaption {
        font-size: 18px;
    }
    /* end servicesHome */
    /* contactHomeForm */
    .contactHomeForm .contactHomeFormTitle {
        font-size: 25px;
    }
    /* end contactHomeForm */

    /* contactHomeForm */
    .contactHome {
        padding: 80px 20px;
        grid-column-gap: 15px;
    }
    .contactHomeForm div {
        width: 100%;
    }
    .contactHomeText {
        padding-top: 70px;
    }
    /* end contactHomeForm */

    .boxUsViewArticle {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        grid-row-gap: 20px;
    }
    .boxUsMissionArticle {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        grid-template-areas:
            "text"
            "image";
        grid-row-gap: 20px;
    }
    .boxUsView{
        padding: 50px 0;
    }
    .boxUsMission {
        padding: 50px 0;
    }
    .boxUsMissionImage{
        grid-area: image;
    }
    .boxUsMissionText{
        grid-area: text;
    }
    .boxServicesArticle {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr auto;
        grid-row-gap: 20px;
    }
    .boxServices {
        padding: 50px 0;
    }
}
@media screen and (max-width: 750px){
    .logo img{
        height: 80px;
    }
    .hamburger {
        display: inline-block;
        position: absolute;
        top: 25px;
    }
    .wrapperMenus{
        top: 102px;
    }
    .banner {
        padding-top: 102px;
    }

    .servicesHomeText div {
        text-align: center;
    }
    .servicesHome {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr;
        grid-row-gap: 50px;
    }
    .contactHome {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr auto;
    }
    .contactHomeText {
        padding-top: 70px;
        width: 100%;
        text-align: center;
    }
    .ContactHomeTextParagraph{
        font-size: 18px;
        display: grid;
        grid-template-columns: 1fr;
        align-items: center;
        grid-column-gap: 10px;
    }
    .wrapperMenus {
        min-height: calc(100vh - 104px);
        max-height: calc(100vh - 104px);
    }
}
@media screen and (max-width: 600px){
    .corouselHome{
        padding-top: 102px;
    }
    .corouselHome figure figcaption {
        top: 8%;
        left: 9%;
        width: 80%;
        text-align: center;
        margin: 0 auto;
    }
    .ContactHomeTextSocial{
        font-size: 25px;
    }
    .ContactHomeTextSocial a{
        font-size: 20px;
        padding: 5px;
    }
}
@media screen and (max-width: 500px){
    .backgroundFixed .craneo figcaption {
        width: 90%;
        margin: 30px auto;
    }
    .servicesHomeIcons {
        grid-template-columns: 150px 150px;
        grid-column-gap: 10px;
    }
    .servicesHomeText div {
        width: 90%;
    }
    .contactHomeForm .formContact {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        grid-template-areas:
            "name name"
            "lastname lastname"
            "email email"
            "comment comment"
            ". button";
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }
    .corouselHome{
        padding-top: 102px;
    }
    .corouselHome .owl-dots {
        bottom: 0px;
    }
    .corouselHome figure figcaption {
        top: 3%;
        left: 5%;
        width: 90%;
        text-align: center;
        margin: 0 auto;
    }
    .corouselHome figcaption .paragraphCarousel {
        font-size: 16px;
    }
    .corouselHome figcaption .titleCarousel {
        font-size: 19px;
    }
    .corouselHome figcaption .btnCarousel {
        font-size: 16px;
        padding: 5px 15px;
    }
    .boxUsView {
        padding: 25px 0;
    }
    .boxUsMission{
        padding: 25px 0;
    }
    .boxUsViewTitle{
        font-size: 19px;
    }
    .boxUsMissionTitle{
        font-size: 19px;
    }
    .boxUsViewParagraph{
        font-size: 16px;
    }
    .boxUsMissionParagraph{
        font-size: 16px;
    }
    .boxUsValuesTitle{
        font-size: 19px;
    }
    .boxUsValuesOl {
        font-size: 16px;
    }
}
@media screen and (max-width:450px){
    .owl-carousel .owl-item img {
        width: auto;
        height: 300px;
    }
    .corouselHome figure figcaption {
        top: 14%;
        left: 5%;
        width: 90%;
        text-align: center;
        margin: 0 auto;
    }
}
@media screen and (max-width: 400px){
    .servicesHomeIcons {
        grid-template-columns: 110px 110px;
        grid-column-gap: 20px;
    }
}