@media (min-width:0px) and (max-width:768px){

  nav ul {
    display: flex;
    flex-direction: column; /* Stacks items vertically */
    align-items: center;    /* Centers items horizontally in the column */
    justify-content: center;
    padding: 0;             /* Removes default browser padding */
    margin: 0;
    list-style: none;       /* Removes bullet points */
    margin-top:10px;
    margin-left:0px;
  }

  nav li a{
    border-right:none;
    border-left:none;
  }

  #top nav {
    height:auto;
    line-height: 25px;
  }

  #main_header_section  .column > :not(:nth-child(2)) {
    display: none;
  }


  #mainH1{
    text-align: center;
  }

  #main_banner{
    visibility: hidden;
    display: none;
  }

  #featured_section_graphic{
    width:100%;
  }

  #app_crumb_div{
    display: none;
  }
}


@media (min-width:769px){
  nav ul{
    margin-left: 100px;
  }
}

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

  header #main_header_section div:not(:first-child){
    display: none;
  }
}


@media (min-width:1024px) and (max-width:1200px){
  header #main_header_section div:nth-child(n + 2) {
    display: none;
  }
}

@media (min-width:1201px){

}
*/


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

@media (min-width:320px) and (max-width:500px){
  body{
    background-color:yellow !important;
  }
}

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

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

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



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


@media (min-width:1920px){
  body{
    background-color:teal !important;
  }
}

@media (min-width:1026px) and (max-width:1077px){
  body{
    background-color:brown !important;
  }
}
*/