@media (max-width: 768px) {

    body {
        overflow-x: hidden;
    }

    .uno h1 {
        font-size: 3rem;
    }

    .navigation {
        display: none;
    }

    .topcardscontainer {
        height: 40%;
        flex-direction: column;
    }

    #piechart_3d {
        margin: 0;
        margin-left: -23%;
        clip-path: inset(0 313px 0 0);
        max-width: 766px;
    }

    .teamBody.active .teamScroll {
        width: 100%;
        overflow-x: hidden;
    }

    h2 {
        font-size: 1rem !important;
        justify-content: center;
    }

    .empirecont {

        margin-left: 2%;
    }

    #TextoLeche {
        margin-left: 0 !important;
        margin-top: 95% !important;
    }

    .contcauses {
        max-height: 50%;
    }

    .cause h1 {
        margin-left: -36% !important;
        font-size: 145%;
        margin: 0;
    }

    .contpapa:hover {
        height: 50%;
    }

    .udderinfocont {
        display: none;
    }

    .hovcont {
        flex-direction: column;
    }

    .hovcont h10 {
        font-size: 200%;
    }

    .note,
    .pinup p {
        display: none;
    }

    #Bovine {
        margin-left: 8% !important;
    }

    #InMexico {
        padding-top: 120%;
    }

    #InMexico2 {
        padding-top: 200%;
    }

    .endoinfocont {
        margin: auto;
        position: relative;
        height: 733px;
        width: 100%;
        background-color: transparent;
        border-radius: 5px;
        display: flex;
        flex-wrap: wrap;
        align-self: center;
        justify-self: center;
        justify-content: center;
        align-content: center;
        padding-bottom: 170%;
        padding-top: 80%;
    }


    .mechcont {
        position: relative;
        height: auto;
        width: 100%;
        background-color: white;
        border-radius: 5px;
        align-items: center;
    }

    .mechimgcont {
        position: relative;
        height: 203px;
        width: 100%;
    }

    .udderbtncont {

        background-color: #ffffff;

    }

    .mechimgcont {
        padding-top: 12%;
    }

    .blog-card {
        margin: 10px 10px 10px 8px !important;
        height: 719px !important;
    }

    .img .imgmethodology {
        height: auto !important;
        width: 40% !important;
        margin-top: 10% !important;
        margin-left: 42% !important;
    }

    #tap-1:checked~.inner-part .content-methodology-1,
    #tap-2:checked~.inner-part .content-methodology-2,
    #tap-3:checked~.inner-part .content-methodology-3,
    #tap-4:checked~.inner-part .content-methodology-4,
    #tap-5:checked~.inner-part .content-methodology-5,
    #tap-6:checked~.inner-part .content-methodology-6 {
        opacity: 1 !important;
        margin-left: -254px !important;
        z-index: 10 !important;
        transition-delay: .3s !important;
        width: 95% !important;
        margin-top: 130% !important;
    }

    #Taffy {
        height: auto !important;
        width: auto !important;
        margin-left: 0 !important;
    }

    #pieDiagrama {
        display: none !important;
    }




}