@charset "utf-8";

/*
    
   Author: Jim Crawford
   Date:   5/3/2023
   Filename: mobile_jc.css

*/


@media only screen and (max-width: 500px) {
   
   nav {
      order: 3;
   }
   
   article img {
      display: none;
   }
}

@media only screen and (min-width: 501px) and (max-width: 800px) {
   body {
      flex-flow: row wrap;
   }
   
   header {
      flex: 0 0 100%;
   }
   
   nav {
      flex: 1 3 50px;
   }
   
   article {
      flex: 3 1 150px;
      padding-left: 30px;
   }
   
   article img {
      display: block;
   }
}

@media only screen and (min-width: 801px) {
   
   nav ul {
      display: flex;
      justify-content: center;
   }

   nav ul li {
      flex: 0 1 60px;
   }

}