@media only screen and (max-width: 1199px) {

    #main-nav.navbar-collapse {
        opacity: 0;
        transform: translateY(-100%);
        transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
    }

    #main-nav.navbar-collapse.show {
        opacity: 1;
        transform: translateY(0);
        position: absolute;
        top: 0; left: 0; bottom: 0; right: 0;
        width: 100vw;
        height: 100vh;
        background-color: var(--c-main);
        margin-top: 0;
    }

    #main-nav .socket-nav {
      margin-top: 140px;
    }

    .wpa9-sticky #sec-nav-2 {
      display: none !important;
    }

}

@media not all and (hover: none) {

  #main-nav.navbar-collapse.show {
    width: calc(100vw - 8px);
  }

}




@media only screen and (min-width: 480px) {

    img.righttop { box-shadow: 20px -20px 0 var(--box-shadow-color); margin: 28px 20px 0 0; }
  	img.rightbottom { box-shadow: 20px 20px 0 var(--box-shadow-color); margin: 0 20px 0 0; }
  	img.lefttop { box-shadow: -20px -20px 0 var(--box-shadow-color); margin: 28px 0 0 20px; }
  	img.leftbottom { box-shadow: -20px 20px 0 var(--box-shadow-color); margin: 0 0 0 20px; }

    img.righttop.shadow-tiny { box-shadow: 10px -10px 0 var(--box-shadow-color); margin: 28px 20px 0 0; }
  	img.rightbottom.shadow-tiny { box-shadow: 10px 10px 0 var(--box-shadow-color); margin: 0 20px 0 0; }
  	img.lefttop.shadow-tiny { box-shadow: -10px -10px 0 var(--box-shadow-color); margin: 28px 0 0 20px; }
  	img.leftbottom.shadow-tiny { box-shadow: -10px 10px 0 var(--box-shadow-color); margin: 0 0 0 20px; }

}


@media only screen and (min-width: 576px) {

}


@media only screen and (min-width: 768px) {
    .page-header-ext { min-height: 576px; }
    .page-header-h-low { min-height: 400px; }
}


@media only screen and (min-width: 992px) {

    .site-header > .navbar > .container {
        align-items: flex-start;
    }

    .page-header-ext { min-height: 768px; }
    .page-header-h-low { min-height: 576px; }



}


@media only screen and (min-width: 1200px) {

    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1080px;
    }

    #main-nav > .navbar-menu .menu-item {
      /* font-size: 1.125em; */
      font-weight: 600;
    }

    #main-nav > .navbar-menu .menu-item .nav-link {
      padding: calc(.125 * var(--spacer)) calc(.325 * var(--spacer));
    }

    #main-nav .sub-menu .menu-item .nav-link {
      padding: 6px 12px;
    }

    #site-header.wpa9-sticky .site-brand .site-title {
      background-image: url('images/site-brand-dark.svg');
    }

    .wpa9-sticky #sec-nav-2 {
      display: flex !important;
    }

    .socket-nav {
      justify-content: flex-end;
      margin-bottom: calc(.125 * var(--spacer));
      font-size: 0.9375rem;
    }

}

@media only screen and (min-width: 1400px) {
  #main-nav > .navbar-menu .menu-item .nav-link {
    padding: calc(.25 * var(--spacer)) calc(.625 * var(--spacer));
  }
}