@media (max-width: 768px) {

    body {
        font-size: 90%;
        overflow-x: hidden;
    }

    .main1, .main2 {
        grid-template-columns: 1fr;
    }

    .header {
        grid-template-columns: 1fr 1fr; 
        height: auto;
        padding: 5px 10px;
    }

    .header .icon img {
        height: 35px;
    }

    .search {
       display: none;
    }

    .search form {
        width: 90%;
        padding: 2px 5%;
    }
    

    .menu .login {
        position: absolute;
        top: 120%;
        right: 0;
        width: 90%;
        padding: 5px;
        height: max-content;
        margin: 10px auto;
    }
    .body .text {
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%);
        text-align: center;
        padding: 0 10px;
    }

    .body h1 {
        font-size: 250%;
    }
    .main2 .small{
        order: 1;
    }
    .main2 .large{
        order: 2;
    }
    .second .main1 .small{
    
        width: 100%;
    }
    .second .main1,
    .second .main2 {
        padding: 5%;
    }

    .second .small,
    .second .large {
        width: 100%;
        margin-bottom: 20px;
    }

    .third {
        margin: 0 5%;
    }


    .slide img {
        width: 100%;
        height: auto;
    }
    .display{
        display: none;
    }
    
    .footer .f1 {
        display: grid;
        grid-template-rows: 0.5fr 1fr 0.5fr;
        justify-content: center;
        align-items: center;
    }
}