@media screen and (max-width:550px){
    body{padding: 20vw 0 0 0;}
    .logo img {width: 57vw}
    h1{font-size: 5vw;}
    #search{margin-top: 3vw;}
    #lawfirmName {width: 70vw; height: 8vw; margin-left: 8vw; font-size: 3.08vw; padding: 1vw 2vw;}
    #search button{width: 15vw; height: 8vw; font-size: 3.08vw;}
    .logo p{font-size: 1.92vw;}
    .ment{font-size:2.8vw;}
    .qna{width: 75vw; border-radius: 5vw; margin-top: 5vw; margin: 5.81vw auto 14vw auto;}
    .qna li{font-size:2.69vw; line-height:5vw; margin-top: 3vw;}
    .qna li h3{font-size:2.69vw;}
    h2{font-size: 4.23vw; line-height: 6vw;}
    #suggestions li{font-size:2.6vw; line-height:4.5vw;}
    #result{font-size:2.31vw;  width: 85%; margin-top: 3vw; margin-bottom: 3vw;}
    #result p{font-size:2.31vw;}
    #result div:nth-child(1){width: 12%;}
    #result div:nth-child(3){width: 38%;}
    h2::after {padding-bottom: 12vw; bottom: 0;}
    .ment02 {color: #777777; font-size: 3vw; letter-spacing: -0.03em; margin-top: 1vw;}
    .s{font-size: 3vw;}
    h2 img{width: 40vw; position: inherit;}
    #footer img{width: 140%;         position: absolute;
        left: -15%; }
    #footer {    width: 100%; position: relative;overflow: hidden; height: 23vw;
       bottom:0 }
       footer div{justify-content: center !important;}
       .baseLayout p{flex-wrap: wrap; justify-content: center; font-size: 2.5vw !important; margin: 0 !important; gap:0 !important}
       .baseLayout div{justify-content: center; gap:0 !important;}
       .baseLayout > div > div > div{ width: 100%;}
       .baseLayout span{font-size: 2.5vw;}
       .baseLayout button{font-size: 2.5vw;}
       .baseLayout > div > div > div:nth-child(2){justify-content: space-around !important;}
       .baseLayout div div{margin: 0;}


}