
@media print, screen and (min-width:980px) {

#globalNav ul {
position: relative;
width: 100%;
padding: 30px 0;
display: flex;
justify-content: center;
align-items: center;
}

#globalNav ul li {
margin: 0 20px;
}

#menu01 {
background: url("../img/menu01n.png") no-repeat;
}

#menu01:hover {
background: url("../img/menu01n_h.png") no-repeat;
}

#menu02 {
background: url("../img/menu02n.png") no-repeat;
}

#menu02:hover {
background: url("../img/menu02n_h.png") no-repeat;
}

#menu03 {
background: url("../img/menu03n.png") no-repeat;
}

#menu03:hover {
background: url("../img/menu03n_h.png") no-repeat;
}

#menu04 {
background: url("../img/menu04n.png") no-repeat;
}

#menu04:hover {
background: url("../img/menu04n_h.png") no-repeat;
}

#menu05 {
background: url("../img/menu05n.png") no-repeat;
}

#menu05:hover {
background: url("../img/menu05n_h.png") no-repeat;
}

#menu06 {
background: url("../img/menu06n.png") no-repeat;
}

#menu06:hover {
background: url("../img/menu06n_h.png") no-repeat;
}

#menu07 {
background: url("../img/menu07n.png") no-repeat;
}

#menu07:hover {
background: url("../img/menu07n_h.png") no-repeat;
}

#menu08 {
background: url("../img/menu08n.png") no-repeat;
}

#menu08:hover {
background: url("../img/menu08n_h.png") no-repeat;
}

#menu09 {
background: url("../img/menu09n.png") no-repeat;
}

#menu09:hover {
background: url("../img/menu09n_h.png") no-repeat;
}

#menu10 {
background: url("../img/menu10n.png") no-repeat;
}

#menu10:hover {
background: url("../img/menu10n_h.png") no-repeat;
}

#menu11 {
background: url("../img/menu11n.png") no-repeat;
}

#menu11:hover {
background: url("../img/menu11n_h.png") no-repeat;
}

#menu01,
#menu01:hover,
#menu02,
#menu02:hover,
#menu03,
#menu03:hover,
#menu04,
#menu04:hover,
#menu05,
#menu05:hover,
#menu06,
#menu06:hover,
#menu07,
#menu07:hover,
#menu08,
#menu08:hover,
#menu09,
#menu09:hover,
#menu10,
#menu10:hover,
#menu11,
#menu11:hover {
background-size: 100%;
background-position: bottom;
transition: .5s;
}

#menu01 span {
width: 83px;
height: 90px;
}

#menu02 span {
width: 72px;
height: 90px;
}

#menu03 span {
width: 72px;
height: 90px;
}

#menu04 span {
width: 64px;
height: 92px;
}

#menu05 span {
width: 58px;
height: 90px;
}

#menu06 span {
width: 72px;
height: 90px;
}

#menu07 span {
width: 48px;
height: 90px;
}

#menu08 span {
width: 98px;
height: 90px;
}

#menu09 span {
width: 52px;
height: 90px;
}

#menu10 span {
width: 71px;
height: 90px;
}

#menu11 span {
width: 100px;
height: 57px;
}

#menu01 span,
#menu02 span,
#menu03 span,
#menu04 span,
#menu05 span,
#menu06 span,
#menu07 span,
#menu08 span,
#menu09 span,
#menu10 span,
#menu11 span {
display: block;
text-indent: -10000px;
}

#footerNav ul {
position: relative;
width: 100%;
margin-bottom: 50px;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
}

#footerNav ul li {
margin: 0 20px;
}

#fMenu01 {
background: url("../img/fmenu01.svg") no-repeat;
}

#fMenu02 {
background: url("../img/fmenu02.svg") no-repeat;
}

#fMenu03 {
background: url("../img/fmenu03.svg") no-repeat;
}

#fMenu04 {
background: url("../img/fmenu04.svg") no-repeat;
}

#fMenu05 {
background: url("../img/fmenu05.svg") no-repeat;
}

#fMenu06 {
background: url("../img/fmenu06.svg") no-repeat;
}

#fMenu07 {
background: url("../img/fmenu07.svg") no-repeat;
}

#fMenu08 {
background: url("../img/fmenu08.svg") no-repeat;
}

#fMenu09 {
background: url("../img/fmenu09.svg") no-repeat;
}

#fMenu10 {
background: url("../img/fmenu10.svg") no-repeat;
}

#fMenu11 {
background: url("../img/fmenu11.svg") no-repeat;
}

#fMenu01,
#fMenu02,
#fMenu03,
#fMenu04,
#fMenu05,
#fMenu06,
#fMenu07,
#fMenu08,
#fMenu09,
#fMenu10,
#fMenu11 {
background-size: 100%;
background-position: center;
}

#fMenu01 span {
width: 42px;
height: 18px;
}

#fMenu02 span {
width: 68px;
height: 32px;
}

#fMenu03 span {
width: 80px;
height: 32px;
}

#fMenu04 span {
width: 72px;
height: 32px;
}

#fMenu05 span {
width: 70px;
height: 32px;
}

#fMenu06 span {
width: 68px;
height: 32px;
}

#fMenu07 span {
width: 48px;
height: 32px;
}

#fMenu08 span {
width: 76px;
height: 32px;
}

#fMenu09 span {
width: 98px;
height: 32px;
}

#fMenu10 span {
width: 102px;
height: 27px;
}

#fMenu11 span {
width: 120px;
height: 10px;
}

#fMenu01 span,
#fMenu02 span,
#fMenu03 span,
#fMenu04 span,
#fMenu05 span,
#fMenu06 span,
#fMenu07 span,
#fMenu08 span,
#fMenu09 span,
#fMenu10 span,
#fMenu11 span {
display: block;
text-indent: -10000px;
}

}

@media screen and (min-width:0px) and (max-width:979px) {

#globalNav ul {
position: relative;
width: 100%;
padding: 20px 0;
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
}

#globalNav ul li {
margin: 0 8px 20px 8px;
}

#menu01 {
background: url("../img/menu01n.png") no-repeat;
}

#menu02 {
background: url("../img/menu02n.png") no-repeat;
}

#menu03 {
background: url("../img/menu03n.png") no-repeat;
}

#menu04 {
background: url("../img/menu04n.png") no-repeat;
}

#menu05 {
background: url("../img/menu05n.png") no-repeat;
}

#menu06 {
background: url("../img/menu06n.png") no-repeat;
}

#menu07 {
background: url("../img/menu07n.png") no-repeat;
}

#menu08 {
background: url("../img/menu08n.png") no-repeat;
}

#menu09 {
background: url("../img/menu09n.png") no-repeat;
}

#menu10 {
background: url("../img/menu10n.png") no-repeat;
}

#menu11 {
background: url("../img/menu11n.png") no-repeat;
}

#menu01,
#menu02,
#menu03,
#menu04,
#menu05,
#menu06,
#menu07,
#menu08,
#menu09,
#menu10,
#menu11 {
background-size: 100%;
background-position: bottom;
}

#menu01 span {
width: 60px;
height: 64px;
}

#menu02 span {
width: 52px;
height: 64px;
}

#menu03 span {
width: 52px;
height: 64px;
}

#menu04 span {
width: 44px;
height: 64px;
}

#menu05 span {
width: 42px;
height: 64px;
}

#menu06 span {
width: 52px;
height: 64px;
}

#menu07 span {
width: 34px;
height: 64px;
}

#menu08 span {
width: 66px;
height: 64px;
}

#menu09 span {
width: 36px;
height: 64px;
}

#menu10 span {
width: 52px;
height: 63px;
}

#menu11 span {
width: 70px;
height: 40px;
}

#menu01 span,
#menu02 span,
#menu03 span,
#menu04 span,
#menu05 span,
#menu06 span,
#menu07 span,
#menu08 span,
#menu09 span,
#menu10 span,
#menu11 span {
display: block;
text-indent: -10000px;
}

#footerNav ul {
position: relative;
width: 100%;
margin-bottom: 50px;
padding: 0;
}

#footerNav ul li {
margin: 10px auto;
}

}