@media only screen and (max-width: 1056px) {
    .first-header ul{
        order: 1;
        margin: 0px auto;
    }
}
@media only screen and (max-width: 800px){
    #lost{
        padding-right: 120px;
    }
    #lost a{
        height: 30px;
        width: 80px;
        font-size: 14px;
    }
}
@media only screen and (max-width: 699px){      
    .only{
        padding-left: 50px;
        padding-right: 50px;
    }
    .one h1{
        font-size: 26px;
        text-align: left;
    }
    #lost{
        padding-right: 60px;
    }
}
@media only screen and (max-width: 550px) {
    .first-header ul{
        gap: 7px;
    }
}
@media only screen and (max-width: 486px){
    .first-header ul{
        flex-direction: column;
        align-items: start;
        width: 100%;
    }
    .second-header img{
        height: 200px;
    }
}