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

    body {
    /* background-image: url(/images/mariobackground.jpeg);
    */
    background-color: blue;
    color: #ffffff;
    font-size: 20px;
    background-size: 100%;
    text-align: center;
    list-style-position: inside;
    }
    ul {
      list-style-type: none;
      display: flex;
      flex-direction: column
    }
    .marioTitle {
        display: flex;
        justify-content: center;
        height: 300px;                                  
    }
    #marioHeader {
       color: red;
       font-size: 65px;
       font-family: 'Super Mario 256', sans-serif;
       margin: auto;
    }
    #headerImage {
        height: 200px;
    }
    .marioPestControl {
      display: flex;
      flex-direction: column;
    }
    .goombaContainer {
      height: 500px;
      font-size: 20px;
      list-style: none;
    }
    #goombaImg {
      height: 200px;
    }
    .bobombContainer {
      height: 500px;
    }
    
    #bobombImg {
      height: 200px;
    }
    .cheepContainer {
      font-size: 20px;
      height: 500px;
      list-style: none;
    }
    
    #cheepTitle {
        text-align: center;
    }
    #cheepImg {
      height: 200px;
    }
    #totalContainer {
        text-align: center;
        
    }
    #contactTitle {
        text-align: center;
        font-size: 30px;
        text-decoration: underline;
    }
  
    #totalContainer {
        font-size: 20px;
    }
    #grandTotal {
        color: yellow;
    }
  }