.container {width:100%; height:auto; margin:0 auto; padding:0 36px;}

main {width:100%; height:100vh; position:relative;}

#vidbg {z-index:0; overflow:hidden; width:100%; height:100%; background:#000; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}

video {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}

#imgbg {background:url('../images/project/1_color.png') 50% 50% no-repeat; background-size:cover; width:100%; height:100%;}



main ul li {font-family:'Lato', sans-serif; font-size:50px;}

main ul {width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; z-index:1; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); row-gap:15px;}




#imgbg {display:none;}
/* #vidbg {display:none;} */



@media all and (max-width:939px) {

    main ul li {font-size:42px;}

    main ul {row-gap:6px;}
}

@media all and (max-width:589px) {
    .container {padding:0 12px;}
}