@charset "utf-8";

/*

   Author: Logan Fleenor
   Date: 3/13/2023
   Filename: stump_mobile.css

*/

header {
   width: 100%;
}

body {
   display: flex;
   flex-flow: column nowrap;
}
/* Designing for mobile web page */
/* Cell Phones */
@media (max-width: 500px) {
   \ 
   article img {
      display: none;
   }

   h2 {
      text-align: center;
   }
}

/* Desktop */
@media (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;
   }
}
/* Tablets */
@media (min-width: 801px) {
   
   nav ul {
      display: flex;
      justify-content: center;
   }

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


}