
@media screen and (min-width: 768px) {
    .logo {
        height: 60px;
    }
    
    section {
        padding-right: 8rem;
        padding-left: 8rem;
    }

    .main-nav-box { padding: 1rem 3rem; }

    .main-nav  {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .sub-nav-box {
        padding: 1rem 3rem;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        background-color: #00000095;
    }
    
    .sub-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .sticky-sub {
        background-color: #ffffff;
        padding: 0 1rem;
    }

    .mobile-nav-icon {
        display: none;
    }

    #home {
        padding: 1.5rem;
    }

    #hero-h1 {
        font-size: 7rem;
        max-width: 600px;
    }

    #hero-h2 {
        font-size: 6rem;
    }

    h1 {
        font-size: 3rem;
    }

    h2 {
        font-size: 3rem;
    }

    h3 {
        font-size: 1.6rem;
    }

    p {
        font-size: 1.6rem;
    }
    
    .text-box,
    #superfruits img {
        width: 50%;
    }

    #superfruits div:nth-of-type(1) {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }

    #superfruits img:nth-of-type(1) {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }

    #superfruits div:nth-of-type(2) {
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
    }

    #superfruits img:nth-of-type(2) {
        -webkit-box-ordinal-group: 5;
            -ms-flex-order: 4;
                order: 4;
    }

    #superfruits div:nth-of-type(3) {
        -webkit-box-ordinal-group: 7;
            -ms-flex-order: 6;
                order: 6;
    }

    #superfruits img:nth-of-type(3) {
        -webkit-box-ordinal-group: 6;
            -ms-flex-order: 5;
                order: 5;
    }

    #superfruits div:nth-of-type(4) {
        -webkit-box-ordinal-group: 8;
            -ms-flex-order: 7;
                order: 7;
    }

    #superfruits img:nth-of-type(4) {
        -webkit-box-ordinal-group: 9;
            -ms-flex-order: 8;
                order: 8;
    }

    table, thead, tbody, th, td, tr {
        all: initial;
        text-align: center;
        background: #ffffff;
        color: black;
    }

    thead, tbody, th, td, tr {
        padding: 1rem;
    }

    table { display: table; }

    thead { display: table-header-group; }

    tr { display: table-row; }

    th, td { display: table-cell; }
    
    tbody { display: table-row-group; }

    th { font-weight: 900 }

    td, 
    thead tr { position: static; }

    table, td, th {
        border: 1px solid black;
    }

    td:before {
        display: none;
    }
    
    td:nth-of-type(1):before { display: none; }
    
    td:nth-of-type(2):before { display: none; }
    
    td:nth-of-type(3):before { display: none; }
    
    td:nth-of-type(4):before { display: none; }


    .description-box {
        width: 20%;
    }

    #contact {
        padding-right: 8rem;
        padding-left: 8rem;
    }

    

    
    


 

}







