:root {
  --content-size: 620px;
  --wide-size: 1360px;
}

@font-face {
  font-family: Krub;
  font-style: normal;
  font-weight: 200;
  font-display: fallback;
  src: url('https://cruisearoya.com/wp-content/themes/cruisearoya/assets/fonts/krub/krub-200-normal.woff2') format('woff2');
}

@font-face {
  font-family: Krub;
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src: url('https://cruisearoya.com/wp-content/themes/cruisearoya/assets/fonts/krub/krub-400-normal.woff2') format('woff2');
}

@font-face {
  font-family: Krub;
  font-style: normal;
  font-weight: 600;
  font-display: fallback;
  src: url('https://cruisearoya.com/wp-content/themes/cruisearoya/assets/fonts/krub/krub-600-normal.woff2') format('woff2');
}

header nav ul li a {
  border-radius: 4em 0;
  padding: .6em 1.6em;
  color:#003083;
  @media (max-width: 47em) { 
    font-size: 1.5em;	
  }
  @media (min-width: 48em) { 
    &:hover {
      background-color:#003083;
      color:white;
      border-radius: 4em 0;
      padding: .6em 1.6em;
    }
  }
}