@media screen and (max-width: 1200px){
  html { font-size: 14px; }
  .wrapper { padding: 0 2rem; max-width: none; box-sizing: border-box; }
  header.navbar { margin-top: 2rem; padding: 0 0 0 2rem; }
  footer.navbar .wrapper { padding: 0 1rem 0 0; }
  footer.navbar nav .menu { padding-left: 0; }
  footer.navbar nav .menu .item:first-child::before { display: none; }
  .index .engineers { padding: 2rem 0 4rem; }
}

@media screen and (max-width: 1024px){
  *.navbar nav .menu .item { min-width: 8rem; font-size: 1.25em; }
  *.navbar nav,
  header.navbar .logo { height: 4rem; }
  .index .heading { font-size: 2.5rem; }
  .index .heading::before { background-size: auto 75%; background-position: -5rem 55%; }
  .index .heading::after { background-size: auto 75%; background-position: calc(100% + 5rem) 55%; }
  .content { margin-top: 2rem; }
  .content .title { flex-basis: 8rem; }
  .content .title span { height: 8rem; transform: rotate(-90deg) translateX(-100%) translateY(-4rem); }
  .content .inner { margin: 0 0 2rem 2rem; flex-basis: 100%; }
  .content .inner .heading { font-size: 2rem; }
}

@media screen and (max-width: 960px){
  html { font-size: 13px; }
  header.navbar nav .menu .item[target='_blank'],
  header.navbar nav .menu .item.last::after { display: none; }
  header.navbar nav .options { height: calc(100% - .5rem); }
  header.navbar nav .options .icon.links { display: block; }
  .index .heading { font-size: 2.25rem; }
  .index .heading::before { background-position: -8rem 55%; background-size: auto 66%; }
  .index .heading::after { background-position: calc(100% + 8rem) 55%; background-size: auto 66%; }
  .index .video video { width: 66%; }
  .index .video .side { flex-basis: 18%; }
  .index .video .side img { max-width: 66%; }
  .index .engineers .features { flex-wrap: wrap; }
  .index .engineers .features li { flex-basis: calc( 33.3% - 2rem ); }
  .index .engineers .features li:last-child { flex-basis: 100%; margin-top: 2rem; }
  .index .engineers .features li:last-child::before { top: -1rem; left: 0; width: 100%; height: 1rem; border-top: 1px dashed #FFF; border-left: 0; }
  .index .engineers .c2a { width: 100%; font-size: 2rem; }
  .index .engineers .c2a .title { margin: 1em 0; }
  .content .inner p { width: 100%; }
  .row { width: 100%; }

  .contact { flex-direction: column; }
  .contact .inner { margin: 0 0 1rem 2rem; padding: 0; }
  .contact aside { flex-basis: 100%; margin: 0 0 0 2rem; }
}

@media screen and (max-width: 600px){
  .wrapper { padding: 0 1rem; }
  *.navbar nav .options .icon { margin-right: .5rem; }
  *.navbar nav .options .icon.lang { display: block; }
  header.navbar nav::after { width: .75rem; }
  header.navbar nav .options { padding-left: .75rem; }
  header.navbar nav .options .icon.flag { display: none; }
  footer.navbar nav .options .icon.links { display: block; }
  footer.navbar nav .menu .item[target='_blank'],
  footer.navbar nav .menu .item.last::after { display: none; }
  .index .heading { font-size: 2rem; }
  .index .heading::before,
  .index .heading::after { display: none; }
  .index .video { position: relative; z-index: 1; padding: 0 0 6rem; }
  .index .video .side { position: absolute; bottom: 0; width: 50%; }
  .index .video .side.lft { left: 0; text-align: right; }
  .index .video .side.rgt { right: 0; text-align: left; }
  .index .video .side img { width: auto; max-width: none; height: 5rem; }
  .index .video video { width: 100%; }
  .index .engineers { padding: 0 0 2rem; }
  .index .engineers .features { margin-left: -1rem; }
  .index .engineers .features li { margin: 1rem 0 0 1rem !important; flex-basis: calc( 50% - 1rem ) !important; }
  .index .engineers .features li::before { display: none !important; }
  .index .engineers .c2a a { margin-left: 0; width: calc(100% - 110px); }
  .index .engineers .c2a a::before { display: none; }
  .content .title { display: none; }
  .content .inner { margin-left: .75rem; }
}

@media screen and (max-width: 480px){
  *.navbar nav .menu .item { padding: 0 .75rem; min-width: inherit; font-size: 1.125em; }
  *.navbar nav { height: 3rem; }
  *.navbar nav .options .icon { margin-right: .5rem; }
  header.navbar .logo { margin-right: 1rem; height: 3rem; }
  header.navbar nav { padding-right: .5rem; }
  header.navbar nav::after { width: .5rem; }
  header.navbar nav .options { padding-left: .75rem; }
  .index .engineers { padding: 0 0 2rem; }
  .index .engineers .features { margin-left: 0; }
  .index .engineers .features li { margin: 1rem 0 0 0 !important; flex-basis: calc( 100% ) !important; }
}

@media screen and (max-width: 375px){
  *.navbar nav .options .icon { margin-right: .25rem; width: 1.5rem; height: 1.5rem !important; }
  *.navbar nav .options .icon:hover { background-position: 0 -1.5rem !important; }
  header.navbar { margin-top: 1rem; padding-left: 1rem; }
  header.navbar nav .options .sub ul { top: 1.25rem; }
  footer.navbar nav .options .sub ul { bottom: 1.75rem; }
  .index .heading { font-size: 1.625rem; }
  .index .video { padding-bottom: 5rem; }
  .index .video .side img { height: 4rem; }
  .index .engineers .c2a .title br { display: none; }
  .index .engineers .c2a a { margin-right: 0; width: 100%; line-height: 5rem; }
  .index .engineers .c2a a::after { display: none; }
  .content .inner { margin-left: 0; }
}