/* Stronger editorial menu treatment; the established BCOTN colours stay unchanged. */
.site-header,.mobile-panel{background:#1b1a32}

@media(min-width:721px){
  .site-header{height:142px}
  .nav{position:relative;display:block;width:100%;max-width:1600px;padding:0 26px}
  .brand{position:absolute;left:50%;top:50%;width:410px;min-width:410px;margin:0;transform:translate(-50%,-50%)}
  .brand img,.brand:after{width:390px}
  .brand:after{margin-top:4px}
  .links{display:contents}
  .links a{position:absolute;top:50%;margin:0;white-space:nowrap;transform:translateY(-50%);font-size:12px;font-weight:800;letter-spacing:.065em;text-transform:uppercase}
  .links a:nth-child(1){right:calc(50% + 338px)}
  .links a:nth-child(2){right:calc(50% + 218px)}
  .links a:nth-child(3){left:calc(50% + 218px)}
  .links a:nth-child(4){left:calc(50% + 318px)}
  .links a:nth-child(5){right:76px;letter-spacing:.035em}
  .language{position:absolute;right:24px;top:50%;transform:translateY(-50%)}
}

@media(min-width:721px) and (max-width:1220px){
  .site-header{height:132px}
  .brand{width:330px;min-width:330px}
  .brand img,.brand:after{width:318px}
  .brand:after{font-size:7px;letter-spacing:.01em}
  .links a{font-size:10.5px;letter-spacing:.045em}
  .links a:nth-child(1){right:calc(50% + 282px)}
  .links a:nth-child(2){right:calc(50% + 174px)}
  .links a:nth-child(3){left:calc(50% + 174px)}
  .links a:nth-child(4){left:calc(50% + 260px)}
  .links a:nth-child(5){right:64px;padding:11px 12px}
  .language{right:16px}
}

@media(min-width:721px) and (max-width:1040px){.links a:nth-child(5){display:none}}

@media(min-width:721px) and (max-width:900px){
  .brand{width:280px;min-width:280px}
  .brand img,.brand:after{width:270px}
  .links a{font-size:9.5px;letter-spacing:.025em}
  .links a:nth-child(1){right:calc(50% + 240px)}
  .links a:nth-child(2){right:calc(50% + 147px)}
  .links a:nth-child(3){left:calc(50% + 147px)}
  .links a:nth-child(4){left:calc(50% + 222px)}
}