@media screen and (min-width: 900px) {
  h2{
    margin-top: 2.5rem;
  }

  .col-lg-4{
    margin-left: 5rem;
  }
}

@media screen and (max-width: 900px) {
  
  /* Menu Buttons */
  #events_menu_button {
    display: none; }

  #plans_menu_button {
    display: none; } 

  #reports_menu_button {
    display: none; }  

  #tools_menu_button {
    display: none; } 

  #checklist_menu_button {
    display: none; } 

  #admin_menu_button {
    display: none; } 

  /* Nav stuff  */
  #top_nav_list {
    float: left; 
    max-width: 100%;
  }

  #menu {
    height: 2rem !important;
  }

  .header {
    height: 2rem !important;
  }

  #navOpen .fa-2x{
    font-size: 1rem;
    margin-left: 5px;
  }

  #nav_logo, #nav_logo_2{
    max-width: 28px !important;
    max-height: 32px !important;
    /* display: none !important;*/
  }

  .logo-header{
    /*    display: none;*/
    max-height: 2rem;
    max-width: 2rem;
  }

  .divider-vert{
    margin-left: 5px;
    margin-right: 5px;
  }

  .header .profile-item{
    min-width: 0px;
    max-width: 65px;
    position: fixed;
    margin-left: 80%;
  }

  .header .profile-dropdown{
    padding: 0px;
  }

  #nav_profile{
    margin-top: 0.25rem;
  }

  #nav_current_location {
  /*    display: none !important; */
  font-size: small;
  }

  #nav_current_username {
    font-size: 0.7rem;
    margin-right: 0px;
  }

  #nav_profile_carot {
    font-size: medium;
  }

  #nav_info_button{
  /*    display: none;*/
  font-size: large !important;
  }

  #navOpen_li{
    position: fixed;
    margin-left: 90%;
  }

  #dropdownMenuButton {
    /* line-height: 2;*/
    padding: 0.2rem !important;
    max-width: 10rem;
    font-size:0.5rem;
  }

  .fixedHeader-floating{
    top: 30px !important;
  }

  .dataTables_wrapper{
    overflow: scroll;
  }

  .col-form-label{
    max-width: 40%;
  }

/*  .col-sm{
    max-width: 20%;
  }

  .col-md-3{
    max-width: 25%;
  }
*/
  
  .col-lg-3{
    max-width: 33%;
  }

  input[type='text'], input[type='number'], input[type='date'], select{
    line-height: 1.5;
  }

  .form-group {
    margin-bottom: 8px !important;
  }

  .form-control-lg, .input-group-lg > .form-control,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .btn {
    padding: 0.12rem 0.25rem;
    /*font-size: 1.09375rem;
    line-height: 1.5;*/
    border-radius: 0.12rem; 
    /* max-width: 60%;*/
  }

  /*.btn {
    font-size:0.5rem;
    padding-top: 0.3rem;
    padding-right: 0.5rem;
    padding-bottom: 0.3rem;
    padding-left: 0.5rem;
  }*/
}

@media screen and (max-width: 540px) {
  
  /* Nav stuff  */
  #top_nav_list {
    float: left; 
    max-width: 100%;
  }

  .header .profile-item{
    min-width: 0px;
    max-width: 65px;
    position: fixed;
    margin-left: 60%;
  }

  #nav_profile{
    margin-top: 0.25rem;
  }

  #nav_current_location {
    display: none !important; }

  #nav_current_username {
    font-size: 0.7rem;
    margin-right: 0px;
  }

  #nav_profile_carot {
    font-size: medium;
  }

  #nav_info_button{
    display: none;
  }

  #navOpen_li{
    position:fixed;
    margin-left: 80%;
  }

  ul {
    padding-inline-start: 5px;
    font-size: x-small;
  }

  .form_group{
    width: fit-content;
  }

  div.card table{
    width: fit-content;
  }

  div.card-header h2 button{
    font-size:large;
  }

  .grid_cl_info, .grid_cl_col{
    font-size: x-small;
    min-width: 150px;
  }

  .grid_section_table{
    width: auto;
    table-layout: revert;
  }

  fieldset{
    width: fit-content;
  }
}