/*
******************************************************************
CSS for responsive

(c) sinntun.codes
******************************************************************
*/



@media only screen and (max-width: 100rem){
  .header img {
    min-height: unset;
  }

  .header .header-icon {
    height: 10.625rem;
    width: 10.625rem;
    display: flex;
    align-items: center;
  }

  .header .header-icon .icon::before {
    font-size: 8.125rem;
  }

  .header .square {
    height: 10.9375rem;
    width: 10.9375rem;
  }

  .header .square .icon::before {
    font-size: 6.875rem;
  }



}

@media only screen and (max-width: 87.5rem) {
  #main-navigation {
    padding-right: initial;
  }

  .header .square {
    display: none;
  }

  .header .header-icon.mobile {
    display: block;
  }

  .header .scattered-words-1 .words:nth-child(1) {
    top: 45.1%;
    left: 8.9%;
  }

  .header .scattered-words-1 .words:nth-child(2) {
    left: 19.5%;
  }

  .header .scattered-words-1 .words:nth-child(3) {
    top: 73.4%;
  }

  .header .scattered-words-1 .words:nth-child(5) {
    left: 49.4%;
  }

  .header .scattered-words-1 .words:nth-child(6) {
    top: 66.2%;
    left: 58.4%;
  }

  .header .scattered-words-1 .words:nth-child(7) {
    top: 38.6%;
    left: 71.2%;
  }

  .header .scattered-words-2 .words:nth-child(1),
  .header .scattered-words-3 .words:nth-child(1) {
    top: 50%;
    transform: translateY(-50%);
  }

  .header .scattered-words-2 .words:nth-child(2) {
    top: 74%;
  }

  .header .scattered-words-2 .words:nth-child(3) {
    left: 57%;
  }

  .header .scattered-words-2 .words:nth-child(4) {
    top: 66%;
    left: 70.3%;
  }

  .header .scattered-words-2 .words:nth-child(5) {
    display: none;
  }

  .header .scattered-words-5 .words {
    font-size: 2rem;
  }

  .header .scattered-words-5 .words:nth-child(1) {
    left: 24%;
  }

  .header .scattered-words-5 .words:nth-child(2) {
    left: 34.5%;
  }

  .header .scattered-words-5 .words:nth-child(3) {
    left: 42%;
  }

  .header .scattered-words-5 .words:nth-child(4) {
    left: 51.2%;
  }

  .header .scattered-words-5 .words:nth-child(5) {
    left: 65.8%;
  }

  .header .scattered-words-5 .words:nth-child(6) {
    left: 71.6%;
  }

  .header .banner .icon::before {
    font-size: 2.1875rem;
  }

  .header .contact-banner {
    top: 1.25rem;
  }

  .header .search-banner {
    top: 6.875rem;
  }

  .header .scattered-words-4 .words:nth-child(1) {
    font-size: 2.5rem;
  }

  #footer-canvas {
    grid-template-columns: 15.625rem 1fr 1fr;
  }

  #footer-canvas .center-right-column {
    grid-column: initial;
  }

  #footer-canvas .right-column {
    grid-column-end: 4;
  }


}

@media only screen and (max-width: 77.5rem) {
  .nav1-link {
    padding: 1.5625rem 0.9375rem !important;
  }

  #footer-canvas .column-container .column {
    width: calc(50% - 1.25rem);
  }

  #footer-canvas .social-row {
    margin-left: 13.125rem;
  }
}

@media only screen and (max-width: 75rem){

  .header .header-icon {
    height: 7.5rem;
    width: 7.5rem;
  }

  .header .header-icon .icon::before {
    font-size: 5.9375rem;
  }

  .header .scattered-words-2 .words:nth-child(1),
  .header .scattered-words-3 .words:nth-child(1) {
    font-size: 3.125rem;
    left: 30.8%;
  }

  .header .scattered-words-2 .words:nth-child(2),
  .header .scattered-words-2 .words:nth-child(3),
  .header .scattered-words-2 .words:nth-child(4) {
    display: none;
  }
}

@media only screen and (max-width: 64rem) {

  /*****************************************************************
  *********** Canvases
  ******************************************************************/
  #main-navigation,
  #meta-navigation {
    display: none !important;
  }

  .menu-trigger {
    display: initial;
  }

  #head-container {
    height: 1.875rem;
    margin: 1.5rem auto;
  }

  .header .banner {
    display: none;
  }

  .header .header-icon {
    left: 5rem;
  }

  .header .scattered-words-1 .words {
    font-size: 1.5rem !important;
  }

  .header .scattered-words-1 .words:nth-child(3) {
    left: 25.8%;
  }

  .header .scattered-words-1 .words:nth-child(4) {
    left: 38.8%;
  }

  .header .scattered-words-1 .words:nth-child(5) {
    left: 55.4%;
  }

  .header .scattered-words-1 .words:nth-child(6) {
    left: 62.4%;
  }

  .header .scattered-words-1 .words:nth-child(7) {
    left: 76.2%;
  }


  .header .scattered-words-2 .words:nth-child(1),
  .header .scattered-words-3 .words:nth-child(1) {
    font-size: 2.8125rem;
    left: 14.375rem;
  }

  .header .scattered-words-3 .words:nth-child(1){
    max-width: 70%;
  }

  .header .scattered-words-4 .words:nth-child(1) {
    left: 5rem;
    font-size: 2.1875rem;
  }

  .header .scattered-words-5 .words {
    font-size: 1.75rem;
  }

  .header .scattered-words-5 .words:nth-child(1) {
    left: 21%;
  }

  .header .scattered-words-5 .words:nth-child(2) {
    left: 30.5%;
  }

  .header .scattered-words-5 .words:nth-child(3) {
    left: 38%;
  }

  .header .scattered-words-5 .words:nth-child(4) {
    left: 47.2%;
  }

  .header .scattered-words-5 .words:nth-child(5) {
    left: 61.8%;
  }

  .header .scattered-words-5 .words:nth-child(6) {
    left: 67.6%;
  }


  .header .scattered-words-6 .words {
    font-size: 1.5rem !important;
  }


  #page-canvas {
    border-bottom: 0.1875rem solid #ff8b00;
  }

  #site_headline {
    font-size: 2rem;
  }

  #footer-canvas .center-right-column,
  #footer-canvas .right-column {
    grid-column: initial;
  }

  #footer-canvas .right-column a {
    display: flex;
    justify-content: center;
  }

  #footer-canvas .right-column a:not(:last-child) {
    margin-right: initial;
  }

  .footer-background-grey .nav-footer {
    justify-content: center !important;
  }

  body > .background {
    display: none;
  }

  #footer-canvas .column-container {
    display: flex;
    padding: 3.125rem 5rem;
  }

  #footer-canvas .social-row {
    margin-left: 5rem;
  }

  .mobile-menu .subnav-nav-trigger {
    top: .5rem !important;
    background: none;
    border: none;
    padding-top: 0.1rem;
  }

  .nav2-mobile-link:focus-visible {
    outline: none;
  }

  .nav2-mobile-link:focus-visible span {
    outline: var(--outline-default);
    outline-offset: var(--outline-offset-default);
  }

  .nav3-mobile-link:focus-visible {
    outline: var(--outline-default);
    outline-offset: var(--outline-offset-default);
  }

  .mobile-menu .subnav-nav-trigger:focus-visible {
    outline: var(--outline-default);
  }
}

@media only screen and (min-width: 64.0625rem) {
  #logo {
    height: 2.5rem;
    padding: 1.25rem 0;
  }
}

@media only screen and (max-width: 50rem){

  .header .header-icon {
    height: 5rem;
    width: 5rem;
  }

  .header .header-icon .icon::before {
    font-size: 3.875rem;
  }

  .header .scattered-words-1 .words {
    font-size: 1.125rem !important;
  }

  .header .scattered-words-2 .words:nth-child(1),
  .header .scattered-words-3 .words:nth-child(1) {
    font-size: 2.125rem;
    left: 10.9375rem;
  }

  .header .scattered-words-3 .words:nth-child(1) {
    max-width: 65%;
  }

  .header .scattered-words-4 .words:nth-child(1) {
    font-size: 1.875rem;
  }

  .header .scattered-words-5 .words {
    font-size: 1.375rem;
  }

  .header .scattered-words-5 .words:nth-child(1) {
    left: 26%;
    top: 35%;
  }

  .header .scattered-words-5 .words:nth-child(2) {
    left: 32.5%;
    top: 65%;
  }

  .header .scattered-words-5 .words:nth-child(3) {
    left: 37%;
    top: 4%;
  }

  .header .scattered-words-5 .words:nth-child(4) {
    left: 51.2%;
    top: 43%;
  }

  .header .scattered-words-5 .words:nth-child(5) {
    left: 67.8%;
    top: 20%;
  }

  .header .scattered-words-5 .words:nth-child(6) {
    left: 73.6%;
  }

  .header .scattered-words-6 .words {
    font-size: 1.125rem !important;
  }

  #site_headline {
    font-size: 1.625rem;
  }

  #footer-canvas {
    grid-template: initial;
    text-align: center;
  }


  #footer-canvas .column-container .column {
    width: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
  }

}

@media only screen and (max-width: 40.625rem){
  #logo{
    display: none;
  }

  #logo-mobile{
    display: block !important;
  }

  .header .scattered-words-4 .words:nth-child(1) {
    font-size: 1.4375rem;
  }

  .header .scattered-words-6 .words:nth-child(1) {
    top: 26%;
    left: 9.8%;
  }

  .header .scattered-words-6 .words:nth-child(2) {
    top: 72%;
    left: 15%;
  }

  .header .scattered-words-6 .words:nth-child(3) {
    top: 3%;
    left: 48%;
  }

  .header .scattered-words-6 .words:nth-child(4) {
    top: 34%;
    left: 68.3%;
  }

  .header .scattered-words-6 .words:nth-child(5) {
    top: 60%;
    left: 57.3%;
  }


}

@media only screen and (max-width: 32.5rem){
  body {
    hyphens: auto;
  }

  .nav1-additional,
  .nav1-mobile-item,
  .nav2-mobile-link span,
  .nav3-mobile-link span {
    font-size: 1rem !important;
  }

  .nav1-additional,
  .nav1-mobile-item,
  .nav2-mobile-item{
    padding: 0.625rem 2.5rem !important;
  }

  .nav2-mobile,
  .nav3-mobile {
    transform: translateY(0.625rem) !important;
  }

  .subnav-nav-trigger {
    top: 0rem !important;
  }

  .mobile-menu .subnav-nav-trigger {
    top: .25rem !important;
  }

  .header > img {
    min-height: 6.25rem;
  }

  .header .header-icon {
    height: 3.4375rem;
    width: 3.4375rem;
    left: 2.5rem;
  }

  .header .header-icon .icon::before {
    font-size: 2.75rem;
  }


  .header .scattered-words-2 .words:nth-child(1),
  .header .scattered-words-3 .words:nth-child(1) {
    font-size: 1.625rem;
    left: 6.875rem;
  }

  .header .scattered-words-1 .words {
    font-size: 0.875rem !important;
  }

  .header .scattered-words-1 .words:nth-child(1) {
    left: 4.9%;
    top: 38%;
  }

  .header .scattered-words-1 .words:nth-child(2) {
    left: 17.5%;
    top: 11%;
  }

  .header .scattered-words-1 .words:nth-child(3) {
    left: 26.8%;
    top: 69%;
  }

  .header .scattered-words-1 .words:nth-child(4) {
    left: 41.8%;
    top: 45%;
  }

  .header .scattered-words-1 .words:nth-child(5) {
    left: 61.4%;
    top: 12%;
  }

  .header .scattered-words-1 .words:nth-child(6) {
    top: 62.2%;
    left: 65.4%;
  }

  .header .scattered-words-1 .words:nth-child(7) {
    top: 34.6%;
    left: 79.2%;
  }

  .header .scattered-words-4 .words:nth-child(1) {
    font-size: 1.125rem;
    left: 2.5rem;
    max-width: 80%;
  }

  .header .scattered-words-5 .words {
    font-size: 1.25rem;
  }

  .header .scattered-words-5 .words:nth-child(1) {
    left: 20%;
    top: 33%;
  }

  .header .scattered-words-5 .words:nth-child(2) {
    left: 24.5%;
    top: 66%;
  }

  .header .scattered-words-5 .words:nth-child(3) {
    left: 28%;
    top: 3%;
  }

  .header .scattered-words-5 .words:nth-child(4) {
    left: 47.2%;
    top: 45%;
  }

  .header .scattered-words-5 .words:nth-child(5) {
    left: 61.8%;
    top: 14%;
  }

  #site_headline {
    font-size: 1.25rem;
  }

  #footer-canvas .column-container {
    padding: 3.125rem 2.5rem;
  }

  #footer-canvas .social-row {
    margin-left: 2.5rem;
  }
}

@media only screen and (max-width: 26.25rem){
  #head-container .logo-link .top,
  #head-container .logo-link .bottom {
    display: none;
  }
}

@media only screen and (max-width: 25rem){
  .header .header-icon {
    height: 2.5rem;
    width: 2.5rem;
  }

  .header .header-icon .icon::before {
    font-size: 2rem;
  }

  .header .scattered-words-2 .words:nth-child(1),
  .header .scattered-words-3 .words:nth-child(1) {
    font-size: 1.25rem;
    left: 5.9375rem;
  }

  .header .scattered-words-5 .words {
    font-size: 1rem;
  }

  .header .scattered-words-5 .words:nth-child(1) {
    left: 22%;
    top: 39%;
  }

  .header .scattered-words-5 .words:nth-child(2) {
    left: 27.5%;
    top: 69%;
  }

  .header .scattered-words-5 .words:nth-child(3) {
    left: 32%;
    top: 8%;
  }

  .header .scattered-words-5 .words:nth-child(4) {
    left: 50.7%;
    top: 62%;
  }

  .header .scattered-words-5 .words:nth-child(5) {
    left: 63.8%;
    top: 17%;
  }

}