/* @media (max-width: 800px){
    .content section{
        padding:10%;
        height: auto;
    }
    .content section article h1{
        font-size: 60px;
    }
    .content section aside{
        background-size: 540px;
        background-position-y: -135px;
        background-position-x: -155px;
    }
    .content section aside{
        height: 350px;
    }
}
@media (max-width: 600px){

} */
@media (max-width: 420px){
    .banner{
        background-size: 800px;
        background-position-y: -80px;
    }
    .logo {
        width: 50px;
    }
    header {
        padding: 4% 6%;
    }
    nav > ul li {
        margin-left: 10px;
    }
    nav > ul li a{
        font-size: 12px;
    }
    .bigmenu ul{
        left: 0;
    }
    .bigmenu ul::before{
        left: 15px;
    }
    .content section:first-child article{
        width: 100%;
        margin-right: 0;
        margin-top: 8%;

    }
    .content section:first-child article h1 {
        font-size: 42px;
    }
    .content section:first-child{
        padding: 2% 6%;
        margin-top: 0;
        flex-direction: column;
        height: 400px;
    }
    /* .content section:first-child aside{
        height: 150px;
        width: 100%;
        background-size: 600px;
        background-position-y: -300px;
        background-position-x: -100px;
    } */
    .btn {
        width: 30px;
        height: 30px;
    }
    .featcon {
        height: 100%;
        flex-direction: column;
        gap: 0px;
    }
    .content section:nth-child(2) {
        height: auto;
    }
    .content section:nth-child(3){
        padding: 2% 5%;
    }
    .srvbox{
        padding: 30px 30px 30px 15px;
    }
    .srvbox::before,
    .srvbox::after{
        display: none;
    }
    .prcon{
        padding: 10% 0;
        gap: 60px;
    }
    /* .info{
        padding: 4% 4% 8% 4%;
    } */
}