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

main {width:100%; height:calc(80vh - 150px); position:inherit;}

.my {text-align:center; position:absolute; top:40%; bottom:50%; left:50%; transform:translate(-50%, 50%);}

.my a {font-size:14px; display:block; margin-bottom:6px;}


.search {display:none;}

@media all and (max-width:939px) {
    /* .hide ul {margin-top:0;} */
    .hide ul {margin-top:12px;}

    footer span {display:none;}

    main {
        width:100%; 
        height:calc(90vh - 150px); 
        /* position:relative; */
    }

}

@media all and (max-width:640px) {
    .my {bottom:0; top:55%; transform:translate(-50%, -15%);}
}


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

}