@charset "UTF-8";

@media(max-width: 480px) {
  header {
    height: 80px;
  }

  #logo, #logo img {
    height: 34px;
  }
  
  .banner {
    height: 300px;
  }
  
  h1, h1 * {
    font-size: 28px;
    line-height: 31px;
  }
  
  .cnt {
    width: calc(100% - 40px);
  }
  
  .inactive { display: none; }
  
  p.col {
    column-count: 1;
    column-gap: 0;
  }
  
  .whatwedobest,
  .partnerCell {
    display: block;
  }
  
  .whatwedobest .cell,
  .partnerCell .cell {
    display: block;
    width: 100%;
    height: 260px;
    padding-right: 0;
    margin-bottom: 40px;
  }

  .partnerCell .cell {
    width: 100%;
    padding-right: 0%;
    height: auto;
    padding-bottom: 40px;
  }
  
  .whatwedobest + .whatwedobest {
    margin-top: 0 !important;
  }
  
  .partnerCell .cell a:hover {
    transform: scale(1);
  }

nav,
nav.sticky {
  display: none;
  position: fixed;
  padding-top: 80px;
  padding-bottom: 40px;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  z-index: 99999;
}

nav ul li {
  display:block;
padding: 0 15px !important;
  }

nav ul ul {
  position: relative;
left: auto;
top: auto;
visibility: visible;
opacity: 1;
box-shadow: none;
  }

nav ul ul li,
nav ul ul li:first-child,
nav ul ul li:last-child {
  padding-left: 0 !important;
  padding-right: 0 !important;
  }

#trigger {
  display: block;
  position: absolute;
  right: 17px;
  top: 17px;
  width: 50px;
  height: 50px;
  background-image: url(../gfx/navbtn.png);
  background-size: cover;
  background-position: left top;
  z-index: 999999;
  }

#trigger.yay {
  background-position: left bottom;
  }

nav.yay { display: block; }

  }