@charset "utf-8";

/* default */
img,
.wrapper,
main {
    width: auto;
}

img{
    max-width: 100%;
}

.wrapper{
    max-width: 980px;
    padding: 0 3%;
}

main{
    max-width: 720px b ;
}

.works-list{
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

@media screen and (max-width: 600px){
    .menu-list{
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    }
}


@media screen and (max-width: 600px){
    body{
          font-size: 0.75rem;
    }

    .global-nav{
        flex-direction: column;
    }    

    .global-nav__item{
        width: 100%;

    }

    .menu-list{
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    }

    .breadcrumb{
        display: none; 

    }

    .container-inner{
        flex-direction: column;
    }

    .footer-nav{
        display: none;
    }
}