/* Fonts for navigation */
.fontz a {
    font-size: 15px;
    color: #696969;
    padding: 30px 10px;

    text-decoration: none;
    font-family: 'Nunito Sans';

}

/* End of fonts */

#fh {
    color: white;
    font-family: 'Work Sans';
    font-weight: 300;
}

/* Responsive */


@media only screen and (max-width: 1366px) {
    .logoo {
        width: 320px;
        height: 195.5px;

    }



}


/* Start hrero section */
@media only screen and (min-width: 901px) {
    #fh {
        font-size: 50px;
    }

    #ph {
        font-size: 30px;
    }

}

@media only screen and (max-width: 900px) {
    #fh {
        font-size: 35px;
    }

    #ph {
        font-size: 25px;
    }

}


@media only screen and (max-width: 800px) {
    #fh {
        font-size: 30px;
    }

    #ph {
        font-size: 15px;
    }

}

/* End of hero section */



/* Start fonts img grid section */
@media only screen and (min-width: 901px) {
    #h-g {
        font-size: 56px;
    }

    #p-g {
        font-size: 25px;
    }

}


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

    #h-g {
        font-size: 35px;
    }

    #p-g {
        font-size: 20px;
    }

}

/* End fonts img grid section */

/* Start img grid img */

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

    .odd {
        margin-top: 30px;
    }

}

/* End img grid img */




/* Start servicios responsive */


@media screen and (min-width:901px) {
    .g-mr {
        font-size: 24px;
    }

    .p-mr {
        font-size: 17px;
    }

}

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

    .g-mr {
        font-size: 20px;
    }

    .p-mr {
        font-size: 16px;
    }

}



@media only screen and (max-width:800px) {
    .m-t-s {
        margin-top: 50px;
        height: 398px;
    }

}



/* End servicios responsive */

/* Start wave section responsive */


@media only screen and (min-width:901px) {
    #r-hw {
        font-size: 30px;
    }

    .p-hw {
        font-size: 25px;
    }

    .z-hw {
        font-size: 21px;
    }


    #h-wc {
        font-size: 56px;
    }


    .p-wc {
        font-size: 20px;

    }

    #bc-wc {
        height: 300px;
    }

    #i-ws {
        height: 400px;
        width: 100%;
        object-fit: cover;
    }

}

@media only screen and (max-width: 900px) {
    #r-hw {
        font-size: 25px;
    }

    .z-hw {
        font-size: 16px;
    }

    #h-wc {
        font-size: 40px;
    }

    .p-wc {
        font-size: 18px;
        ;
    }

    #bc-wc {
        height: 310px;
    }

    #i-ws {
        height: 330px;
        width: 100%;
        object-fit: cover;
    }

}


@media only screen and (max-width: 800px) {
    #r-hw {
        font-size: 20px;
    }

    .z-hw {
        font-size: 13px;
    }


    #i-ws {
        height: 330px;
        object-fit: cover;
    }


    #h-wc {
        font-size: 30px;
    }

    .p-wc {
        font-size: 17px;

    }

    #bc-wc {
        height: 330px;
        width: 100%;
    }


}



/* End wave section responsive */




/* End of responsive */