@charset "utf-8";

.header {
    display: block;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #289b7d;
    height: auto;
  }
  
.header__inner {
    display: block;
    max-width: 100%;
    min-height: 58px;
    margin: 0 auto;
    padding: 0;
    position: relative;
  }
  
.header__logo {
    width: 190px;
    margin: 0;
    padding: 13px 15px 12px;
  }
  
.header__logo a {
    display: block;
    width: 190px;
    height: 20px;
    background: url(../images/anritsu-logo-sprite.png) 0 -32px no-repeat;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
  }
  
.header__country-region {
    position: absolute;
    top: 13px;
    right: 34px;
    color: #788287;
  }
  
.global-nav {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    font-size: 0;
  }
  
.global-nav__item {
    flex: 1 0 auto;
    font-size: 1rem;
    text-align: center;
    display: block;
  }
  
.global-nav__item a {
    display: block;
    margin: 0;
    padding: 3px 1rem;
    color: #000;
    text-decoration: none;
  }
  
.global-nav__item a:hover {
    background-color: #ececec;
  }
  
  
@media screen and (min-width: 569px) {
    .header__inner {
    display: block;
    max-width: 1280px;
    min-height: 103px;
    }

    .header__logo {
    width: 280px;
    padding: 23px 20px 14px 45px;
    }

    .header__logo a {
    display: block;
    width: 280px;
    height: 30px;
    background-position: 0 0;
    }

    .header__country-region {
    position: absolute;
    top: 23px;
    right: 54px;
    }

    .global-nav {
    display: block;
    width: 100%;
    text-align: center;
    }

    .global-nav__item {
    display: inline-block;
    font-size: 20px;
    line-height: 1.5;
    }

    .global-nav__item a {
    padding: 3px 25px;
    }
}