@media screen and (min-width: 2560px) {
.footer-top-col {padding: 5% 0;}
.main {margin-bottom: -24em;}
.footer, .main:after {height: 24em;}	
.header-nav-logo {left: 46.6%;}
.header-top-col {width: 21%; padding: 0.9% 0 0 0;}
.nav-menu {width: 78%; padding: 1% 0 1% 5%}
.topnav li a {padding: 0.5em 1.6em; font-size: 1em;}
.topnav-right {padding-left: 14% !important;}
.history-row {margin: 0 auto; padding: 1% 5% 5%;}
.main-schedule {margin: 0 auto; padding: 3% 6.5% 4%;}
.info-schedule {padding: 2% 8% 5%;}
.info-schedule table {padding: 0 20%;}
.schedule-title-note p {line-height: 2.5em;}
.col-image img {max-width: 1000px;}
}


@media screen and (min-width: 2880px) {
.header-nav-logo {left: 46.8%;}
.nav-menu {width: 78%; padding: 1% 0 1% 7%}
.topnav li a {padding: 0.5em 1.5em; font-size: 1em;}
.topnav-right {padding-left: 12% !important;}
}


@media screen and (min-width: 3456px) {
.header-nav-logo {left: 47%;}	
.back-board {padding: 5% 10% 6% 10%;}
.main-schedule {padding: 4% 6.5% 7%;}
.nav-menu {padding: 1% 0 1% 5%;}
.topnav li a {padding: 0.5em 1.6em; font-size: 1em;}
.topnav-right {padding-left: 15% !important;}
}


@media screen and (min-width: 3840px) {
.header-nav-logo {left: 47.2%;}	
.footer-top-col {padding: 5% 0 12%;}
.main {margin-bottom: -34em;}
.footer, .main:after {height: 34em;}	
}

@media screen and (max-width: 2559px) {
.topnav li a {padding: 0.5em 3.2em; font-size: 0.86em;}
.topnav-right {padding-left: 18% !important;}
}

@media screen and (max-width: 2240px) {
.topnav li a {padding: 0.5em 3.2em; font-size: 0.86em;}
.topnav-right {padding-left: 12% !important;}

}

@media screen and (max-width: 2048px) {
.nav-menu {width: 78%; padding: 1% 0 1% 1%}
.topnav li a {padding: 0.5em 2em; font-size: 0.86em;}
.topnav-right {padding-left: 17% !important;}
}


@media screen and (max-width: 1920px) {
.header-nav-logo {left: 46%;}
.nav-menu {width: 78%; padding: 1% 0 1% 0}
.topnav li a {padding: 0.5em 1.6em; font-size: 0.98em;}
.header-nav-logo img {max-width: 96px;}
.topnav-right {padding-left: 15% !important;}
.history-row {margin: 0 auto; padding: 1% 5% 5%;}
}


@media screen and (max-width:1680px) {
.header-nav-logo {left: 45.5%;}
.header-top-col {width: 18%; padding: 1% 0 0 0;}
.nav-menu {width: 80%; padding: 1% 0 1% 0}
.main {margin-bottom: -13.5em;}
.footer, .main:after {height: 13.5em;}
.main-schedule h3 {font-size: 2.1em;}
.feedback h3 {font-size: 1.1em;}
.feedback-input button {padding: 1.8% 7%; font-size: 0.85em;}
.map {padding-bottom: 25%;}
.back-board {padding: 5% 10% 6% 10%;}
.topnav-right {padding-left: 14% !important;}
}


@media screen and (max-width: 1600px) {
.header-nav-logo {left: 45.5%;}
.header-top-col {width: 22%; padding: 0.8% 0 0 0;}
.nav-menu {width: 77%; padding: 1% 0 1% 0}
.topnav li a {padding: 0.5em 1em; font-size: 0.86em;}
.topnav-right {padding-left: 16% !important;}
.header-nav-logo img {max-width: 92px;}
.main {margin-bottom: -13.1em;}
.footer, .main:after {height: 13.1em;}
.info-title h2 {font-size: 1.7em;}
.info-title p {font-size: 0.95em;}
.info-des p {font-size: 0.95em;}
.main-schedule h3 {font-size: 1.9em;}
.main-schedule-note p {font-size: 0.97em;}
.tbl-time h4 {font-size: 1.1em;}
.tbl-show h4 {font-size: 1.1em;}
.tbl-buy a {font-size: 0.9em;}
.main-schedule-full a {font-size: 1em;}
.poster-content h2 {font-size: 3em;}
.poster-content p {font-size: 1.2em; line-height: 2em;}
.info-schedule h3 {font-size: 1.5em;}
.poster-tbl-buy a {font-size: 0.95em;}
.title-content h2 {font-size: 3em;}
.title-content p {font-size: 1.2em; line-height: 2em;}
.press-col h3 {font-size: 1.3em;}
.history-col-left h3 {font-size: 1.3em;}
.history-col-right h3 {font-size: 1.3em;}
.contact-content h3 {font-size: 0.9em;}
.address-info p {font-size: 1.05em;}
.address-director h4 {font-size: 1em;}
.feedback h3 {font-size: 1em;}
}

@media screen and (max-width:1536px) {
.header-top-col {width: 21%; padding: 0.8% 0 0 0;}
.nav-menu {width: 78%; padding: 1% 0 1% 0}
.topnav-right {padding-left: 18% !important;}
.header-nav-logo img {max-width: 90px;}
.main {margin-bottom: -12.6em;}
.footer, .main:after {height: 12.6em;}
.info-title h2 {font-size: 1.7em;}
.info-title p {font-size: 1em;}
.info-des p {font-size: 0.95em;}
.main-schedule h3 {font-size: 1.9em;}
.main-schedule-note p {font-size: 0.95em;}
.tbl-day h4 {font-size: 1.8em;}
.tbl-time h4 {font-size: 1em;}
.tbl-show h4 {font-size: 1em;}
.tbl-buy a {font-size: 0.9em;}
.main-schedule-full a {font-size: 0.95em;}
.poster-content h2 {font-size: 3em;}
.poster-content p {font-size: 1.2em; line-height: 2em;}
.info-schedule {padding: 2% 5% 6%;}
.title-content h2 {font-size: 3em;}
.title-content p {font-size: 1.2em; line-height: 2em;}
.press-col h3 {font-size: 1.3em;}
.press-col p {font-size: 1.1em;}
.history-col-left h3 {font-size: 1.3em;}
.history-col-right h3 {font-size: 1.3em;}
.history-col-left p {font-size: 1.08em;}
.history-col-right p {font-size: 1.08em;}
.contact-content h3 {font-size: 0.9em;}
.address-info p {font-size: 1.05em;}
.address-director h4 {font-size: 1em;}
.feedback h3 {font-size: 1em;}
.feedback-input button {font-size: 0.85em;}
}


@media screen and (max-width: 1440px) {
.header-nav-logo {left: 45.2%;}
.header-top-col {width: 19%; padding: 1% 0 0 0;}
.nav-menu {width: 80%; padding: 1% 0 1% 0}
.topnav-right {padding-left: 18% !important;}
.main {margin-bottom: -13.8em;}
.footer, .main:after {height: 13.8em;}
.footer-top-col {padding: 4% 0;}
.back-board {padding: 5% 10% 4% 10%;}
.contact-board {padding: 9% 10% 6% 10%;}
.map {padding-bottom: 28%;}
}


@media screen and (max-width: 1366px) {
.header-top-col {width: 17%; padding: 1% 0 0 0;}
.nav-menu {width: 82%; padding: 1% 0 1% 0}
.topnav-right {padding-left: 19% !important;}
.header-nav-logo img {max-width: 86px;}
.main {margin-bottom: -12em;}
.footer, .main:after {height: 12em;}
.footer-bottom {padding: 1.1% 0;}
.back-board {padding: 5% 10% 5% 10%;}
.info-title h2 {font-size: 1.55em;}
.info-title p {font-size: 1em;}
.info-des p {font-size: 0.9em;}
.info-des-button a {font-size: 0.9em;}
.main-schedule h3 {font-size: 1.7em;}
.main-schedule-note p {font-size: 0.95em;}
.tbl-day h4 {font-size: 1.8em;}
.tbl-time h4 {font-size: 1em;}
.tbl-show h4 {font-size: 1em;}
.tbl-buy a {font-size: 0.9em;}
.main-schedule-full a {font-size: 0.95em;}
.poster-content h2 {font-size: 2.8em;}
.poster-content p {font-size: 1.1em; line-height: 2.2em;}
.info-schedule {padding: 2% 5% 7%;}
.info-schedule h3 {font-size: 1.5em;}
.schedule-svg svg {max-width: 36px;}
.poster-tbl-day {padding: 0.5% 2%;}
.poster-tbl-day h4 {font-size: 1.8em;}
.poster-tbl-time h4 {font-size: 1.1em;}
.poster-tbl-week h4 {font-size: 1.1em;}
.poster-tbl-buy a {font-size: 0.9em; margin: 0 1% 0 0;}
.title-content h2 {font-size: 2.8em;}
.title-content p {font-size: 1.1em; line-height: 2.2em;}
.press-col h3 {font-size: 1.2em;}
.press-col p {font-size: 1em;}
.history-col-left h3 {font-size: 1.2em;}
.history-col-right h3 {font-size: 1.2em;}
.history-col-left p {font-size: 1em;}
.history-col-right p {font-size: 1em;}
.contact-content h3 {font-size: 0.9em;}
.address-info p {font-size: 1.05em;}
.address-director h4 {font-size: 1em;}
.feedback h3 {font-size: 0.9em;}
.feedback-input button {padding: 1.6% 6%; font-size: 0.85em;}
}


@media screen and (max-width: 1280px) {
.header-nav-logo {left: 45.1%;}
.header-top-col {width: 16%; padding: 1% 0 0 0%;}
.header-social-col {width: 12%;}
.nav-menu {width: 83%; padding: 1% 0 1% 0}
.topnav-right {padding-left: 19% !important;}
.header-nav-logo img {max-width: 83px;}
.main {margin-bottom: -12.5em;}
.footer, .main:after {height: 12.5em;}
.back-board {padding: 5% 10% 5% 10%;}
.poster-content h2 {font-size: 2.6em;}
.poster-content p {font-size: 1.1em; line-height: 2.2em;}
.info-schedule h3 {font-size: 1.4em;}
.poster-tbl-day h4 {font-size: 1.7em;}
.poster-tbl-show h4 {font-size: 1.1em;}
.poster-tbl-buy a {font-size: 0.85em;}
.title-content h2 {font-size: 2.6em;}
.col-descript h3 {margin: 0 0 1em;}
}

@media screen and (max-width: 1194px) {
.topnav li a {padding: 0.5em 0.75em;}	
.topnav-right {padding-left: 18% !important;}	
.main {margin-bottom: -12.3em;}
.footer, .main:after {height: 12.3em;}
.header-nav-logo img {max-width: 80px;}
.title-content h2 {font-size: 2.4em;}
.tbl-buy a {font-size: 0.8em;}
.main-schedule-full a {font-size: 0.9em;}
.feedback form {font-size: 0.95em;}
}


@media screen and (max-width: 1180px) {
.header-nav-logo img {max-width: 75px;}	
.topnav-right {padding-left: 19% !important;}
.back-board {padding: 6% 10% 6% 10%;}	
.info-title p {font-size: 0.93em;}
.main-schedule h3 {font-size: 1.6em;}
.tbl-day h4 {font-size: 1.7em;}
.tbl-show h4 {font-size: 0.95em;}
.info-show h2 {font-size: 1.2em;}
.info-show p {font-size: 1.05em;}
.info-schedule h3 {font-size: 1.35em;}
.info-schedule {padding: 2% 5% 8%;}
.address-info p {font-size: 0.98em;}
.contact-content-col h4 {font-size: 0.95em;}
.address-director p {font-size: 1.05em;}
.feedback form {font-size: 0.95em;}
}


@media screen and (max-width: 1136px) {
.header-nav-logo {left: 44.7%;}
.header-top-col {width: 11.5%; padding: 1.2% 0 0 0%;}
.header-social-col {width: 15%;}
.nav-menu {width: 87.5%; padding: 1% 0 1% 0}
.topnav li a {padding: 0.5em 1.12em;}
.back-board {padding: 8.5% 10% 3% 10%;}
.main {margin-bottom: -12em;}
.footer, .main:after {height: 12em;}
}


@media screen and (max-width: 1135px) {
.board-content-poster {width: 35%;}
.board-content-info {width: 65%;}
}

@media screen and (max-width: 1133px) {
.main {margin-bottom: -11.9em;}
.footer, .main:after {height: 11.9em;}
}


@media screen and (max-width: 1112px) {
.main {margin-bottom: -11.8em;}
.footer, .main:after {height: 11.8em;}	
.back-board {padding: 7.5% 10% 6% 10%;}
.back-poster {padding: 8% 10% 5% 10%;}
.title-poster {padding: 8% 10% 5% 10%;}
}


@media screen and (max-width: 1080px) {
.footer-top-col {padding}	
.main {margin-bottom: -11.6em;}
.footer, .main:after {height: 11.6em;}	
.back-board {padding: 6% 10% 6% 10%;}	
.info-title h2 {font-size: 1.5em;}
.topnav li a {padding: 0.5em 0.8em;}
.topnav-right {padding-left: 19% !important;}
.tbl-day h4 {font-size: 1.6em;}
.poster-content h2 {font-size: 2.4em;}
.poster-content p {font-size: 1.05em; line-height: 2.4em;}
.info-show h2 {margin: 0;}
.info-show hr {margin: 3% 0;}
.poster-tbl-day h4 {font-size: 1.6em;}
.title-content h2 {font-size: 2.2em;}
.press-col h3 {font-size: 1.1em;}
.press-col p {font-size: 0.95em;}
.history-col-left h3 {font-size: 1.1em;}
.history-col-right h3 {font-size: 1.1em;}
.contact-content h3 {font-size: 0.85em;}
.contact-content-col h4 {font-size: 0.9em;}
.address-director p {font-size: 1em;}
.feedback h3 {font-size: 0.83em;}
.feedback-input button {padding: 1.5% 6%; font-size: 0.8em;}
.map {padding-bottom: 35%;}
.feedback form {font-size: 0.9em;}
}


@media screen and (max-width: 1024px) {
.header-nav-logo {left: 44.6%;}
.header-top-col {width: 10%; padding: 1.3% 0 0 0%;}
.header-social-col {width: 19%;}
.nav-menu {width: 89%; padding: 1% 0 1% 0}
.topnav li a {padding: 0.55em 0.8em; letter-spacing: 0.01em;}
.footer-top-col {padding: 5% 0;}
.footer-bottom {padding: 1.3% 0;}
.main {margin-bottom: -12.5em;}
.footer, .main:after {height: 12.5em;}
.poster-content h2 {font-size: 2.2em; padding: 1.8% 0 0 0;}
.poster-content p {font-size: 1em; line-height: 2.6em;}
.info-schedule {padding: 4% 5% 8%;}
.poster-tbl-day h4 {font-size: 1.5em;}
.title-content h2 {font-size: 2.0em; padding: 1.8% 0 0 0;}
.title-content p {font-size: 1em; line-height: 2.4em;}
.press-col h3 {font-size: 1em;}
.contact-content h3 {font-size: 0.82em;}
.address-director h4 {font-size: 0.95em;}
.feedback h3 {font-size: 0.8em;}
.feedback form {font-size: 0.85em;}
.press-col p {font-size: 0.9em;}
.map {padding-bottom: 40%;}
.back-board {padding: 9% 6% 10% 6%;}
.footer-top-col {padding: 7% 0 13%;}
.main {margin-bottom: -18em;}
.footer, .main:after {height: 18em;}
.main-schedule {padding: 5% 2.5% 10% 2.5%;}
}


@media screen and (max-width: 962px) {
.header-nav-logo {left: 44.5%;}
.header-top-col {width: 11.5%; padding: 1.3% 0 0 0%;}
.header-social-col {width: 19%;}
.nav-menu {width: 87.5%; padding: 1% 0 1% 0}
.topnav-right {padding-left: 16.5% !important;}
.topnav li a {font-size: 0.82em; padding: 0.6em 0.5em;}
.back-board {padding: 7% 6%;}
.main-gallery-col h4 {font-size: 1.1em; line-height: 1.5em;}
.footer-top-col {padding: 5% 0;}
.main {margin-bottom: -12.1em;}
.footer, .main:after {height: 12.1em;}
.info-title h2 {font-size: 1.44em;}
.info-title p {font-size: 0.9em;}
.main-schedule-col {display: block; width: 100%; padding: 0 6%;}
.main-schedule-note p {font-size: 0.9em;}
.poster-content h2 {font-size: 2.1em; padding: 2.5% 0 0 0;}
.info-show p {font-size: 1em;}
.info-schedule {padding: 4% 5% 9%;}
.poster-tbl-buy a {font-size: 0.8em;}
.schedule-title-note p {font-size: 0.96em;}
.title-content h2 {font-size: 1.8em; padding: 2.5% 0 0 0;}
.history-col-left h3 {font-size: 1em;}
.history-col-right h3 {font-size: 1em;}
.history-col-left p {font-size: 0.95em;}
.history-col-right p {font-size: 0.95em;}
.contact-board {padding: 9% 7% 6% 7%;}
.info-schedule h3 {padding: 0 0 0 40%;}
}


@media screen and (max-width: 959px) {
.nav {display: none;}
.menu-icon {display: block;}
.header-nav-logo {padding: 1% 1.6% 0;}
.back-board {padding: 20% 10% 3% 10%;}
.title-poster {padding: 17% 10% 6% 10%;}
}

@media screen and (max-width: 932px) {
.back-board {padding: 20% 10% 8% 10%;}
.back-poster {padding: 17% 10% 6% 10%;}
.contact-board {padding: 18% 7% 7% 7%;}
.footer-top-col {padding: 5.5% 0;}
}


@media screen and (max-width:926px) {
.main-schedule-col {display: block; width: 100%;}
.footer-top-col {padding: 7% 0;}
.main {margin-bottom: -13.8em;}
.footer, .main:after {height: 13.8em;}
.back-board {padding: 18% 8% 8% 8%;}
.back-poster {padding: 16% 10% 6% 10%;}
.poster-row {margin: 5% 0 0;}
.poster-row-img {display: block; width: 100%;}
.poster-row-info {display: block; width: 100%;}
.info-show {padding: 5% 0% 6% 0%;}
.info-show h2 {text-align: center !important;}
.info-schedule {padding: 6% 5% 10%;}
.main-schedule {padding: 4% 4%;}
.title-poster {padding: 16% 10% 5% 10%;}
.contact-board {padding: 18% 7% 10% 7%;}
.feedback {padding: 4% 10% 6%;}
.feedback-input button {padding: 1.8% 8%; font-size: 0.9em;}
.map {padding-bottom: 50%;}
.social-col {margin: 0 3% 0 0;}
.info-schedule h3 {padding: 0 0 0 38%;}
}


@media screen and (max-width:915px) {
.header-nav-logo {left: 44.2%;}
.back-board {padding: 17% 10% 8% 10%;}
.main {margin-bottom: -13.7em;}
.footer, .main:after {height: 13.7em;}
}


@media screen and (max-width:896px) {
.main {margin-bottom: -13.5em;}
.footer, .main:after {height: 13.5em;}
.back-board {padding: 17% 7% 8% 7%;}
.main-schedule {padding: 4% 1%;}
}


@media screen and (max-width:873px) {
.header-nav-logo {left: 44%;}
.main {margin-bottom: -13.2em;}
.footer, .main:after {height: 13.2em;}
}


@media screen and (max-width: 854px) {
.main-schedule-col {display: block; width: 100%; padding: 0 6%;}
.main-schedule-full {padding: 0 10% 0 0;}
.main {margin-bottom: -13em;}
.footer, .main:after {height: 13em;}
.social-col {margin: 0 4% 0 0;}
}

@media screen and (max-width:834px) {
.main {margin-bottom: -12em;}
.footer, .main:after {height: 12em;}	
}


@media screen and (max-width:820px) {
.main {margin-bottom: -12.2em;}
.footer, .main:after {height: 12.2em;}	
}


@media screen and (max-width:812px) {
.header-nav-logo {left: 43.5%;}	
.main {margin-bottom: -12.5em;}
.footer, .main:after {height: 12.5em;}	
.contact-board {padding: 20% 7% 10% 7%;}
.back-poster {padding: 18% 10% 6% 10%;}
.info-schedule {padding: 7% 5% 11%;}
.title-poster {padding: 18% 10% 6% 10%;}
.map {padding-bottom: 60%;}
.info-schedule h3 {padding: 0 0 0 35%;}
}


@media screen and (max-width: 780px) {
.main {margin-bottom: -12.2em;}
.footer, .main:after {height: 12.2em;}	
.back-board {padding: 20% 7% 8% 7%;}
.poster-tbl-show {display: none !important;}
}


@media screen and (max-width: 768px) {
.header-nav-logo {left: 42.8%; padding: 1% 2.5% 0;}
.left-soc {width: 25%;}
.footer-top {padding: 0 0 0 8%;}
.social-col svg {min-width: 18px;}
.footer-top-col-social {padding: 2% 0;}
.main {margin-bottom: -12em;}
.footer, .main:after {height: 12em;}
.main-schedule {padding: 6% 1%;}
.board-content-poster {display: block; width: 100%;}
.board-content-info {display: block; width: 100%;}
.press-col {margin: 0 auto; padding: 1% 8% 2%;}
.history-row {margin: 0 auto; padding: 1% 2% 5%;}
}


@media screen and (max-width: 760px) {
.history-col-right {border-top: none; border-bottom: none;}
.history-col-left img {float: none; padding: 0 0 3% 0;}
.history-col-right img {float: none; padding: 0 0 3% 0;}
.history-col-left h3 {text-align: center; line-height: 2em; padding: 0;}
.history-col-right h3 {text-align: center; line-height: 2em; padding: 0;}
.footer-bottom {padding: 2% 0;}
.main {margin-bottom: -13.2em;}
.footer, .main:after {height: 13.2em;}
.col-image {display: block; width: 100%;}
.col-image img {max-width: 1000px;}
.col-descript {display: block; width: 100%; padding: 0; margin: 0;}
.col-descript h3 {margin: 0 0 1em;}
}


@media screen and (max-width: 736px) {
.header-nav-logo {left: 42.2%;}
.back-poster {padding: 21% 10% 8% 10%;}
.title-poster {padding: 21% 10% 8% 10%;}
.footer-bottom {padding: 2% 0;}
.footer-top-col {display: block; width: 100%; padding: 3% 0;}
.footer-top {padding: 6% 8%; text-align: center;}
.footer-top-col hr {width: 100%; display: none !important;}
.footer-top-col h3 {font-size: 0.98em;}
.footer-top-col p {font-size: 0.98em;}
.social-col {margin: 0;}
.social-col svg {max-width: 36px;}
.main {margin-bottom: -31em;}
.footer, .main:after {height: 31em;}
.tbl-show {display: none !important;}
.schedule-title-note p {line-height: 3em;}
.contact-board {padding: 24% 7% 11% 7%;}
.feedback {padding: 5% 10% 7%;}
.history-row {padding: 3% 2% 5%; margin: 0 auto;}
.info-schedule h3 {padding: 0 0 0 33%;}
}


@media screen and (max-width: 667px) {
.header-nav-logo {left: 42%;}
.back-board {padding: 22% 6% 9% 6%;}
.main {margin-bottom: -31em;}
.footer, .main:after {height: 31em;}
.back-poster {padding: 24% 10% 8% 10%;}
.feedback {padding: 5% 8% 7%;}
.feedback-input button {margin: 3% 0 0 0;}
}


@media screen and (max-width: 640px) {
.header-nav-logo {left: 41.5%;}
.main-gallery-col {display: block; width: 100%; text-align: center; margin: 0 0 5% 0;}
.main-gallery-col p {text-align: center; margin-top: 2%;}
.main-gallery-col h4 {text-align: center;}
.main {margin-bottom: -31em;}
.footer, .main:after {height: 31m;}
.title-poster {padding: 24% 10% 8% 10%;}
.address-director {display: block; width: 100%;}
.col-director {padding: 4% 10%;}
.address-director h4 {text-align: center;}
.address-director p {text-align: center;}
.address-info {display: block; width: 100%; padding: 3% 0; margin: 0 auto;}
.contact-content-col {display: block; width: 100%;}
.col-info {padding: 5% 6% 1%; }
.contact-content-col h4 {text-align: center;}
.contact-content-col p {text-align: center;}
.feedback h3 {text-align: center;}
.feedback form {display: block; width: 100%;}
.feedback-area {display: block; width: 100%; margin: 0 auto; }
.feedback-input {display: block; width: 100%;}
.feedback-input button {margin: 2% 0 6%;}
}


@media screen and (max-width: 601px) {
.main {margin-bottom: -29em;}
.footer, .main:after {height: 29em;}
.schedule-svg svg {max-width: 32px;}
.contact-board {padding: 27% 7% 11% 7%;}
.col-address {padding: 0 auto; }
.address-info {padding: 4% 0;}
.map {padding-bottom: 75%;}

}

@media screen and (max-width: 569px) {
.header-nav-logo {left: 40.2%; padding: 1% 3% 0;}	
.back-board {padding: 26% 6% 10% 6%;}
.back-poster {padding: 26% 10% 10% 10%;}
.title-poster {padding: 26% 10% 10% 10%;}
.main {margin-bottom: -29em;}
.footer, .main:after {height: 29em;}
.main-schedule {padding: 6% 3%;}
.history-col-left h3 {line-height: 3em;}
}


@media screen and (max-width: 540px) {
.header-nav-logo {left: 40%;}	
.main {margin-bottom: -28em;}
.footer, .main:after {height: 28em;}
.social-col {margin: 0 3%;}
}


@media screen and (max-width: 480px) {
.header-nav-logo {left: 39.5%;}
.main {margin-bottom: -28em;}
.footer, .main:after {height: 28em;}
.footer-top {padding: 8% 8%;}
.footer-bottom {padding: 2.8% 0;}
.back-board {padding: 28% 6% 10% 6%;}
.main-schedule-col {padding: 0 4%;}
.back-poster {padding: 31% 10% 12% 10%;}
.schedule-title {width: 88%;}
.info-schedule h3 {padding: 0;}
.schedule-title-note p {line-height: 1.5em;}
.schedule-title-note { padding: 3% 0;}
.title-poster {padding: 31% 10% 12% 10%;}
.contact-board {padding: 31% 7% 11% 7%;}
.map {padding-bottom: 90%;}
}

@media screen and (max-width: 430px) {
.header-nav-logo {left: 38%;}
.main {margin-bottom: -28em;}
.footer, .main:after {height: 28em;}
.back-board {padding: 32% 6% 10% 6%;}
.back-poster {padding: 34% 10% 12% 10%;}
.title-poster {padding: 34% 10% 12% 10%;}
.contact-board {padding: 34% 7% 11% 7%;}
.main-schedule {padding: 8% 3% 10%;}
.map {padding-bottom: 100%;}
}


@media screen and (max-width: 414px) {
.header-nav-logo {left: 38%;}
.main {margin-bottom: -28em;}
.footer, .main:after {height: 28em;}
.footer-bottom {padding: 3.6% 0;}
.back-board {padding: 35% 6% 10% 6%;}
.back-poster {padding: 36% 10% 12% 10%;}
.title-poster {padding: 36% 10% 12% 10%;}
.contact-board {padding: 36% 7% 11% 7%;}
.info-schedule h3 {padding: 0 5%;}
.main-schedule {padding: 8% 3% 12%;}
.map {padding-bottom: 120%;}
.menu-mob {padding: 8% 0% 2% 0%;}
}

@media screen and (max-width: 393px) {
.header-nav-logo {left: 38%;}
.main {margin-bottom: -28em;}
.footer, .main:after {height: 28em;}
.footer-bottom {padding: 4% 0;}
.back-board {padding: 35% 6% 10% 6%;}
.back-poster {padding: 36% 10% 12% 10%;}
.title-poster {padding: 36% 10% 12% 10%;}
.contact-board {padding: 38% 7% 11% 7%;}
.main-schedule {padding: 10% 3% 12%;}
.info-schedule {padding: 9% 5% 13%;}
.info-schedule h3 {padding: 0 5%; font-size: 1.2em;}
.map {padding-bottom: 120%;}
}

@media screen and (max-width: 390px) {
.header-nav-logo {left: 37.6%;}
.main {margin-bottom: -28em;}
.footer, .main:after {height: 28em;}
.footer-bottom {padding: 4.2% 0;}
.back-board {padding: 35% 6% 10% 6%;}
.back-poster {padding: 36% 10% 12% 10%;}
.title-poster {padding: 36% 10% 12% 10%;}
.contact-board {padding: 38% 7% 11% 7%;}
.main-schedule {padding: 10% 3% 12%;}
.info-schedule {padding: 9% 5% 13%;}
.info-schedule h3 {padding: 0 5%; font-size: 1.2em;}
.map {padding-bottom: 120%;}
.press-col h3 {text-align: center;}
}

@media screen and (max-width: 375px) {
.header-nav-logo {left: 37.2%;}
.main {margin-bottom: -28em;}
.footer, .main:after {height: 28em;}
.footer-top {padding: 9% 8%;}
.footer-bottom {padding: 4.2% 0;}
.back-board {padding: 38% 6% 10% 6%;}
.back-poster {padding: 38% 10% 12% 10%;}
.title-poster {padding: 38% 10% 12% 10%;}
.contact-board {padding: 40% 7% 11% 7%;}
.main-schedule {padding: 10% 3% 14%;}
.info-schedule {padding: 9% 5% 13%;}
.info-schedule h3 {padding: 0 5%; font-size: 1.2em;}
.map {padding-bottom: 120%;}
.history-row {padding: 5% 2% 9%;}
.menu-mob {padding: 10% 0% 2% 0%;}
}


@media screen and (max-width: 360px) {
.header-nav-logo {left: 36.5%;}
.main {margin-bottom: -28em;}
.footer, .main:after {height: 28em;}
.footer-top {padding: 10% 8%;}
.footer-bottom {padding: 4.2% 0;}
.back-board {padding: 38% 6% 10% 6%;}
.back-poster {padding: 38% 10% 12% 10%;}
.title-poster {padding: 38% 10% 12% 10%;}
.contact-board {padding: 40% 7% 11% 7%;}
.main-schedule {padding: 10% 3% 14%;}
.info-schedule {padding: 9% 5% 13%;}
.info-schedule h3 {padding: 0 5%; font-size: 1.2em;}
.map {padding-bottom: 120%;}
}



@media screen and (max-width: 320px) {
.header-nav-logo {left: 35%; padding: 1% 4% 0;}
.main {margin-bottom: -28em;}
.footer, .main:after {height: 28em;}
.footer-top {padding: 13% 8%;}
.footer-bottom {padding: 5% 0;}
.back-board {padding: 45% 6% 10% 6%;}
.back-poster {padding: 47% 10% 12% 12%;}
.title-poster {padding: 47% 10% 12% 12%;}
.contact-board {padding: 47% 7% 11% 7%;}
.main-schedule {padding: 12% 3% 16%;}
.info-schedule {padding: 9% 5% 13%;}
.info-schedule h3 {padding: 0 5%; font-size: 1.2em;}
.map {padding-bottom: 140%;}
.info-show h2 {line-height: 2em;}
.address-info {padding: 10% 0;}
.col-info {padding: 8% 6% 2%;}
}