@media (min-width: 768px) {

    main {
        flex: 1; 
        padding: 30px 60px;
        display: grid;
        /* gap: 35px; */
        gap: 15px;
        max-width: 1500px;
        margin: 0 auto;
        grid-template-rows: minmax(10px, max-content);
    }

    main.index {
        grid-template-columns: 1.3fr 1fr 1.3fr;
        padding-top: 40px;
    }

    nav { 
        /* flex-direction: column-reverse;  */
        /* gap: 0px; 
        padding: 5px;  */
    }

    .only-mobile {
        display: none !important;
    }

    .only-tablet {
        display: block !important; 
    }

    .col-index-3-inner {
        display: flex;
        gap: 35px;
        grid-template-columns: 1fr 0.6fr;
        flex-direction: row;
    }


}