@media screen and (max-width: 1170px) {
    header .cover {
        overflow: hidden;
    }
    .text p {
        width: 85%;
    }
    #showHide:checked ~ #more {
        height: 5700px;
    }
    #elegance h2, #elegance .help {
        width: 85%;
    }
    #team .item:last-child {
        width: 40%;
    }
    #work h4 {
        width: 85%;
        font-size: 2.4rem;
    }
    footer form .check, footer form .btn {
        width: 90%;
    }
    footer form {
        padding: 80px 30px 70px;
    }
}

@media screen and (max-width: 969px) {
    header .cover .info {
        width: 390px;
        height: 390px;
        border-width: 10px;
    }
    header .cover .info h1 {
        font-size: 3rem;
    }
    #more .item:hover {
        translate: 100px -15px;
    }
}