 /* // X-Small devices (portrait phones, less than 576px) */
 @media (min-width: 100px) { 
    #main_nav {
        float: none;
        font-size:small;
    }
    .navbar-csu-small{
        display:block;
    }
    .navbar-csu-full{
        display: none;
    }
    .navbar-csu-large{
        display: none;
    }
    .weather_bar{
        display:none;
    }

 }
 @media (max-width: 350px) { 
    .textHeader .col-3, .textHeader .col-8{
        width: 100%;
    }
    a.nav-link{
        padding:5px 4px; 
    }
    .col-megamenu ul li a{
        font-size: small;
    }
    .col-megamenu ul li{
        padding:2px;
    }
 }
 @media (max-width: 576px) { 
    .textHeader h1{
        font-size: calc(1rem + 1vw);
    }
    .social_icons .col svg{
        max-width: 20px;
    }
    .social_icons .col{
        padding:0;
    }
    .wp-block-button.wp-block-button__width-50{
        width: 100% !important;
    }
    .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media{
        margin-bottom:25px;
    }
 }

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
    #main_nav {
        float: none;
        font-size:small;
    }
    .weather_bar{
        display:none;
    }
    .navbar-csu-small{
        display:none;
    }
    .navbar-csu-large{
        display:none;
    }
    .navbar-csu-full{
        display: block;
    }
    
 }


 @media (max-width: 810px) { 
    .textHeader h1{
        font-size: calc(1.2rem + 1vw);
    }
    .col-megamenu ul li a{
        font-size: small;
    }
    #main_nav {
        float: none;
        font-size: small;
    }
    .wp-block-button__link {
        font-size: 1em !important;
    }
 }
  /* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    
    .weather_bar{
        display:block;
    }
    .navbar-csu-small{
        display:none;
    }
    .navbar-csu-large{
        display:none;
    }
    .navbar-csu-full{
        display: block;
    }
    
 }

 /* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    #main_nav {
        float: right;
    }
    .dropdown:hover .dropdown-menu {
        display: block;
        margin: 0px 15px 0 auto;
        border-radius: 0;
        border: none;
        box-shadow: 2px 4px 2px 1px rgba(0,0,0,.2);
      }
      .weather_bar{
        display:block;
    }
    .navbar-csu-small{
        display:block;
    }
    .navbar-csu-full{
        display:none;
    }
    .navbar-csu-large{
        display: none;
    }
    .textHeader h1{
        font-size: calc(1.5rem + 1.5vw);
    }
 }

 /* // X-Large devices (large desktops, 1200px and up) */
 @media (min-width: 1200px) { 
    #main_nav {
        float: right; 
        font-size: medium;
    }
    .dropdown:hover .dropdown-menu {
        display: block;
        width: 100%;
        margin: 0px 15px 0 auto;
        border-radius: 0;
        border: none;
        box-shadow: 2px 4px 2px 1px rgba(0,0,0,.2);
    }
    .navbar-csu-small{
        display:none;
    }
    .navbar-csu-full{
        display:block;
    }
    .navbar-csu-large{
        display: none;
    }
    .weather_bar{
        display:block;
    }
 }


 @media (max-width: 1335px) { 
    .logo_title{
        font-size: 0px !important;
    }

 }


 /* // XX-Large devices (larger desktops, 1400px and up) */
 @media (min-width: 1400px) { 
    #main_nav {
        float: right;
        font-size: medium;
    }
    .dropdown:hover .dropdown-menu {
        display: block;
        width: 85%;
        margin: 0px 15px 0 auto;
        border-radius: 0;
        border: none;
        background-color: #fff;
        box-shadow: 2px 4px 2px 1px rgba(0,0,0,.2);
      }
      .weather_bar{
        display:block;
    }
    .navbar-csu-small{
        display:none;
    }
    .navbar-csu-full{
        display:none;
    }
    .navbar-csu-large{
        display: block;
    }


   
 }
 

