body { font-family: Arial; }

html { box-sizing: border-box; }

*, *:before, *:after { box-sizing: inherit; }

.header { position: fixed; width: 100%; padding: 10px; background: #fff; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: center; z-index: 100; }

.header__after { position: absolute; width: 100%; top: 70px; padding: 15px 30px; text-align: center; background: url(../img/b1.png) repeat-x 60% -400px; }

.header__after img { max-width: 100%; }

.map { padding-top: 70px; text-align: center; }

.map img { max-width: 100%; }

.map__bg { background: #0d9668; height: calc(100vh - 70px); }

.link_box { position: absolute; left: 50%; top: 50%; width: 90%; transform: translate(-50%, -50%); }

.link_box a { display: block; background: #988558; padding: 15px 10px; color: #fff; font-size: 24px; text-decoration: none; margin: 15px 0; }

.link_box__flag { position: absolute; left: 50%; top: 60%; width: 90%; transform: translate(-50%, -50%); display: -webkit-flex; display: -ms-flex; display: flex; flex-flow: wrap; align-items: center; }

.link_box__flag a { display: inline-block; flex: 1 0 50%; color: #fff; font-size: 24px; text-decoration: none; margin: 15px 0; }

.link_box__flag a img { height: 90px; width: 135px; }

.footer { position: fixed; left: 0; bottom: 0; width: 100%; height: 80px; background: url(../img/b2.png) no-repeat 65% 20px; }

.footer span { position: absolute; right: 5%; bottom: 50px; width: 70px; }

.footer span img { max-width: 100%; }