@media all and (min-width:2240px) and (max-width:2560px) {
    #container .int {margin: 0 auto 320px;}
}

@media all and (max-width:1280px) {
    #container {top: 100px;}
    #container .int {flex-direction: column; width: 100%; margin: 0px auto 230px;}
    #container .foot {width: 100%; padding: 0 20px; box-sizing: border-box;}
}

@media all and (max-width:768px) {
    #container .int {margin: 0 auto 220px;}
    #container .int .text {width: 60%;}
    #container .int .date span.img {width: 450px;}
    #container .foot {flex-direction: column; align-items: flex-end;}
    #container .foot .logo1 {width: 50%; background-position:right;}
    #container .foot .logo2 {width: 50%; background-position:right;}
}

@media all and (max-width:640px) {
    #wrap {height: 760px !important;}
    #container {top: 50px;}
    #container .int {gap: 0; margin: 0 auto 150px;}
    #container .int .text {width: 320px;}
    #container .int .date span.img {width: 300px; height: 80px;}
    #container .int .date span.hall {font-size: 20px; margin-top: 0;}
    #container .foot {gap: 0;}
    #container .foot .logo1 {width: 200px;}
    #container .foot .logo2 {width: 220px;}
}
@media all and (max-width:480px) {
    #wrap {height: 100% !important;}
    #container {position: static;}
    #container .int {position: absolute; top: 0; margin: 0 auto 130px;}
    #container .int .text {width: 280px;}
    #container .int .date span.img {width: 230px; position: absolute; top: 200px; left: 50%; transform: translateX(-50%);}
    #container .int .date span.hall {font-size: 12px; position: absolute; top: 265px; right: 26%;}
    #container .foot {position: absolute; bottom: 20px;}
}