@media only screen and (max-width: 600px) {

   body {
      flex-flow: column nowrap;
      background-color: rgb(71, 3, 3);
   }
}



@media only screen and (min-width: 601px) {

   body {
      flex-flow: row wrap;
      background-color: rgb(79, 3, 3);
   }
}


@media only screeen and (min-width: 768px) {

   body {
      background-color: black;
   }
}



@media only screen and (min-width: 992px) {


   body {
      flex-flow: row wrap;
      background-color: rgb(71, 3, 3);
   }
}