@media screen and (max-width: 1400px) {
  #primary {
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
  }

  #main {
    display: block;
    width: 100vw;
    background-color: #fafafa;
  }

  #secondary {
    background: #fff;
    position: relative;
    width: 100vw !important;
    padding: 20px;
    z-index: 20;
  }

  #colophon {
    position: relative;
    display: block;
    clear: both;
    float: none !important;
    width: 100vw !important;
  }

  .home > #secondary {
    background: #fff;
    position: relative;
    float: none;
    width: 100vw !important;
    z-index: 20;
    clear: both;
  }

  .head-separator {
    display: none;
  }

  .huge {
    font-size: 50px !important;
    font-weight: bold !important;
    overflow: wrap;
  }

  .byn-text {
    color: #f26623 !important;
  }

  #logo .logo-wrapper {
    height: 50px !important;
  }

  li.dropdown > ul {
    position: absolute;
    padding: 20px 0;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 2px 5px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 10%);
    -webkit-transform: translateZ(0);
    text-align: left;
    margin-top: 25px !important;
  }

  .wp-block-media-text__media > img {
    width: 490px !important;
    max-width: 500px !important;
  }

  #logo img {
    width: 320px !important;
  }

  .abtbyn > figure > img {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 780px !important;
  }

  .abtbyn >.wp-block-media-text__content {
    background-color: #16161d !important;
    opacity: 0.7 !important;
    color: #ffffff !important;
    height: 760px !important;
    filter: grayscale(60%) !important;
  }

  .abtbyn >.wp-block-media-text__content > .wp-block-heading {
    padding-top: 300px !important;
    filter: brightness(100%) !important;
  }



  .abtbyn  .wp-block-media-text__content > p {
    color: #ffffff !important;
    padding: 30px !important;
    font-weight: 600 !important;
    filter: brightness(100%) !important;
  }
}

@media screen and (max-width: 1200px) {
  #primary {
    width: 100%;
    float: none;
    background: none;
    height: auto; 
  }

  #main {
    display: block;
    width: 100vw;
    background-color: #ffffff;
    margin-top: 0px;
    padding-top: 0px;

  }

  #secondary {
    background: #ffffff;
    position: relative;
    width: 100vw !important;
    z-index: 20;
  }

  #colophon {
    position: relative;
    display: block;
    clear: both;
    float: none !important;
    width: 100vw !important;
  }

  .huge {
    font-size: 50px !important;
    font-weight: bold !important;
    overflow: wrap;
  }

   .byn-text {
    color: #f26623 !important;
  }

  #logo .logo-wrapper {
    height: 50px !important;
  }

  .li.dropdown > ul {
    position: absolute;
    padding: 20px 0;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 2px 5px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 10%);
    -webkit-transform: translateZ(0);
    text-align: left;
    margin-top: 25px !important;
  }

  .wp-block-media-text__media > img {
    width: 490px !important;
    max-width: 500px !important;
  }

  #logo img {
    width: 320px !important;
  }

  .abtbyn > figure > img {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 780px !important;
  }

  .abtbyn >.wp-block-media-text__content {
    background-color: #16161d !important;
    opacity: 0.7 !important;
    color: #ffffff !important;
    height: 760px !important;
    filter: grayscale(60%) !important;
  }

  .abtbyn >.wp-block-media-text__content > .wp-block-heading {
    padding-top: 300px !important;
    filter: brightness(100%) !important;
  }



  .abtbyn  .wp-block-media-text__content > p {
    color: #ffffff !important;
    padding: 30px !important;
    font-weight: 600 !important;
    filter: brightness(100%) !important;
  }
}


@media screen and (max-width: 992px) {
  #main {
    display: block;
    width: 100vw;
    background-color: #ffffff;
    margin-top: 0px;
    padding-top: 0px;
  }
  
  #secondary {
    background: #ffffff;
    position: relative;
    width: 100vw !important;
    z-index: 20;
  }

  #colophon {
    position: relative;
    display: block;
    clear: both;
    float: none !important;
    width: 100vw !important;
  }

  #primary {
    width: 100vw;
    float: none;
    overflow: hidden;
  }

  #secondary {
    text-align: center; 
  }

  .widget {
    width: 100vw;
    max-width: 400px;
    text-align: center; 
  }

  #primary {
    padding-top: 0; 
  }

  p{
    line-height: 2.0 !important;
  }

  .card-overlay {
    top: 5px !important;
    right: 5px !important;
    bottom: 0px !important;
    left: 0px !important;
  }

  .tab-overlay {
    width: 85vw !important;
    height: 85vh !important;
    padding: 5px;
    margin: 5px;
  }


  .huge {
    font-size: 45px !important;
    font-weight: bold !important;
    overflow: wrap;
  }

   .byn-text {
    color: #f26623 !important;
  }

  #logo .logo-wrapper {
    height: 60px !important;
  }

  li.dropdown > ul {
    position: absolute;
    padding: 20px 0;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 2px 5px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 10%);
    -webkit-transform: translateZ(0);
    text-align: left;
    margin-top: inherit !important;
  }

  .wp-block-media-text__media > img {
    width: 390px !important;
    max-width: 400px !important;
  }

  #logo img {
    width: 160px !important;
  }

  .abtbyn > figure > img {
    width: auto !important;
    max-width: auto !important;
    height: auto !important;
  }

  .abtbyn >.wp-block-media-text__content {
    background-color: inherit !important;
    opacity: inherit !important;
    color: inherit !important;
    height: inherit !important;
    filter: inherit !important;
  }

  .abtbyn >.wp-block-media-text__content > .wp-block-heading {
    padding-top: inherit !important;
    filter: inherit !important;
  }

  .abtbyn  .wp-block-media-text__content > p {
    color: inherit !important;
    padding: inherit !important;
    font-weight: inherit !important;
    filter: inherit !important;
  }
}


@media screen and (max-width: 768px) {
  #header-container {
    width: 100vw;
    height: auto;
  }
  #main {
    display: block;
    width: 100vw;
    margin: 0px !important;
    padding: 0px !important;
    background-color: #ffffff;
    float: none;
  }
  
  #secondary {
    background: #ffffff;
    width: 100vw !important;
    z-index: 20;
  }

  .card-overlay {
    top: 2px !important;
    right: 2px !important;
    bottom: 2px !important;
    left: 0px !important;
  }

  .tab-overlay {
    width: 95vw !important;
    height: auto !important;
    padding: 3px;
    margin: 3px;
  }

  .huge {
    font-size: 43px !important;
    font-weight: bold !important;
    overflow: wrap;
  }

   .byn-text {
    color: #ffffff !important;
  }

  #bynMenu, #menu-byn-menu {
    width: 100vw !important;
  }

  #logo .logo-wrapper {
    height: 70px !important;
  }

  li.dropdown > ul {
    position: absolute;
    padding: 20px 0;
    z-index: 9999;
    background: inherit;
    -webkit-transform: translateZ(0);
    text-align: left;
    margin-top: inherit !important;
  }

  #bynMenu {
    margin-top: 20px !important;
  }

  #menu-byn-menu ul.sub-menu {
    width: unset !important;
    box-shadow: unset !important;
    border-radius: unset !important;
    background-color: transparent !important;
  }

  .wp-block-media-text__media > img {
    width: 320px !important;
    max-width: 350px !important;
  }

  #logo img {
    width: 150px !important;
  }

  .abtbyn > figure > img {
    width: auto !important;
    max-width: auto !important;
    height: auto !important;
  }

  .abtbyn >.wp-block-media-text__content {
    background-color: inherit !important;
    opacity: inherit !important;
    color: inherit !important;
    height: inherit !important;
    filter: inherit !important;
  }

  .abtbyn >.wp-block-media-text__content > .wp-block-heading {
    padding-top: inherit !important;
    filter: inherit !important;
  }

  .abtbyn  .wp-block-media-text__content > p {
    color: inherit !important;
    padding: inherit !important;
    font-weight: inherit !important;
    filter: inherit !important;
  }

  .menu-item-has-children > .byn > a > .mobile-toggle {
    width: inherit !important;
    padding-right: 5px !important;
    border: none;
    position: absolute;
    right: 0px;
    top: inherit;
    z-index: 999;
    background-color: inherit;
    text-align: center;
    opacity: 1;
  }

  .menu-item-has-children > .byn > a {
    width: inherit;
    overflow: hidden;
  }

}

@media screen and (max-width: 576px) { 
  #primary {
    height: 180px; 
    padding: 20px; 
  } 
  #header-container {
    width: 100vw;
    height: auto;
  }
  #main {
    display: block;
    width: 100vw;
    height: auto;
    margin: 0px !important;
    padding: 0px !important;
    background-color: #ffffff;
    float: none;
  }
  
  #secondary {
    background: #ffffff;
    width: 100vw !important;
    z-index: 20;
  }
  
  .single .entry-header h6 {
    font-size: 14px;
    line-height: 1.2em; 
  }
  .contact-info {
    width: 100vw;
    padding: 0px; 
  }

  .byn-content-tab {
    margin-top: 100px !important;
    margin-bottom: 50px !important;
    margin-right: 5px !important;
    margin-left: 0px !important;
  }

  .huge {
    font-size: 43px !important;
    font-weight: bold !important;
    overflow: wrap;
  }
  
  .byn-text {
    color: #ffffff !important;
  }

  #bynMenu, #menu-byn-menu {
    width: 100vw !important;
  }

  #logo .logo-wrapper {
    height: 70px !important;
  }

  li.dropdown > ul {
    position: absolute;
    padding: 20px 0;
    z-index: 9999;
    width: auto;
    background: inherit;
    -webkit-transform: translateZ(0);
    text-align: left;
    margin-top: inherit !important;
  }

  #bynMenu {
    margin-top: 20px !important;
  }

  #menu-byn-menu ul.sub-menu {
    width: unset !important;
    box-shadow: unset !important;
    border-radius: unset !important;
    background-color: transparent !important;
  }

  .menu > li a {
    font-family: "FiraSans-Regular" !important;
  }

  .wp-block-media-text__media > img {
    width: 320px !important;
    max-width: 350px !important;
  }

  #logo img {
    width: 150px !important;
  }

  .abtbyn > figure > img {
    width: auto !important;
    max-width: auto !important;
    height: auto !important;
  }

  .abtbyn >.wp-block-media-text__content {
    background-color: inherit !important;
    opacity: inherit !important;
    color: inherit !important;
    height: inherit !important;
    filter: inherit !important;
  }

  .abtbyn >.wp-block-media-text__content > .wp-block-heading {
    padding-top: inherit !important;
    filter: inherit !important;
  }

  .abtbyn  .wp-block-media-text__content > p {
    color: inherit !important;
    padding: inherit !important;
    font-weight: inherit !important;
    filter: inherit !important;
  }

  .menu-item-has-children > .byn > a > .mobile-toggle {
    width: inherit !important;
    padding-right: 5px !important;
    border: none;
    position: absolute;
    right: 0px;
    top: inherit;
    z-index: 999;
    background-color: inherit;
    text-align: center;
    opacity: 1;
  }

  .menu-item-has-children > .byn > a {
    width: inherit;
    overflow: hidden;
  }
}