@media (min-width:0px) and (max-width:319px){
  body{
    /*background-color:orange;*/
  }

  #sts_logo{
    all: unset;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    width: 210px;
  }

  #main_nav{
    visibility: hidden;
  }
  #header_banner{
    padding-left: 200px;
  }
  #banner_text{
    visibility: hidden;
  }
  #alt_banner_text{
    visibility: visible;
    font-size: 15px;
  }

  #global_nav li a{
    font-size: 11px;
  }

  #top_nav_container{
    text-align: center;
  }

  #global_nav{
    width:450px;
    padding-top: 10px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .mobile_only{
    visibility: visible  !important;
  }


  #home_banner{
    min-height: 200px !important;
  }
}

/*Custom*/
@media (min-width:320px) and (max-width:500px){
  #global_nav li a{
    font-size: 10px;

  }

  #global_nav li a:hover{
    font-size: 10px;

  }


}



@media (min-width:320px) and (max-width:639px){
  body{
    /*background-color:red;*/
  }

  #global_nav{
    padding-top: 10px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  #global_nav li a{
    font-size: 15px;
  }

  #global_nav li a:hover{
    font-size: 15px;
  }

  .mobile_only{
    visibility: visible  !important;
  }


  #sts_logo{
    all: unset;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    width: 210px;
  }

  #main_nav{
    visibility: hidden;
  }

  #header_banner{
    padding-left: 200px;
  }

  #banner_text{
    visibility: hidden;
  }
  #alt_banner_text{
    visibility: visible  !important;
    font-size: 17px;
  }

  #home_banner{
    min-height: 200px !important;
  }
}

@media (min-width:640px) and (max-width:767px){
  body{
    /*background-color:green;*/
  }

  #global_nav{
    width:550px;
  }

  #global_nav li a{
    font-size: 20px;
  }

  #global_nav li a:hover{
    font-size: 20px;
  }

  #sts_logo{
    all: unset;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    width: 210px;
  }

  #main_nav{
    visibility: hidden;
  }

  .mobile_only{
    visibility: visible  !important;
  }


  #header_banner{
    padding-left: 200px;
  }
  #banner_text{
    visibility: hidden;
  }
  #alt_banner_text{
    visibility: visible !important;
  }

  #home_banner{
    width:140% !important;
    min-height: 500px !important;

  }
}

@media (min-width:768px) and (max-width:1023px){
  body{
    /*background-color:blue;*/
  }

  #global_nav{
    width:550px;
  }

  #global_nav li a{
    font-size: 20px;
  }

  #global_nav li a:hover{
    font-size: 20px;
  }

  #sts_logo{
    left:50px;
  }

  #main_nav{
    visibility: hidden;
  }


  .mobile_only{
    visibility: visible  !important;
  }


  #header_banner{
      padding-left: 200px;
  }

  #home_banner{
    width:100% !important;
    min-height: 500px !important;
    overflow: hidden;

  }

}



@media (min-width:1024px) and (max-width:1920px){
  body{
    /*background-color:purple;*/
  }

  #sts_logo{
    left:50px; /*partially overidden - see custom*/
  }

  #global_nav{
    margin-left:20px;
  }

  .mobile_only{
    display: none;
  }
}


@media (min-width:1920px){
  body{
    /*background-color:white;*/
  }

  #sts_logo{
    left:150px;
  }


  .mobile_only{
    display: none;
  }
}

/*Custom*/
@media (min-width:1026px) and (max-width:1077px){
  #sts_logo{
    left:10px;
  }
}