#showcase {
  position: relative;
  width: 100%;
  height: 390px;
  background-attachment: fixed;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  background-image: url(http://www.geocities.ws/ulysnhu/GRA_410/images/black_texture6.jpg);
}

#GloriaType {
  font-family: 'Open Sans', sans-serif;
}


  .testMedia {
            width: 1024px;
            padding-top: 10px;
            font-size: 20px;
            color: #ffffff;
        }

        @media (max-width:768px) {
            .pizza {
                width: 500px;
                padding-top: 1px;
                font-size: 20px;
                color: rgb(255, 255, 255);
            }

            @media (max-width:320px) {
                .pizza {
                    width: 320px;
                    padding-top: 20px;
                    font-size: 12px;
                    color: rgb(53, 180, 153);
                }
            }





            
  div.gallery {
      margin: 5px;
      border: 1px solid #ccc;
      float: auto;
      width: 280px;
      }
          
  div.gallery:hover {
       border: 1px solid #777;
      }
          
  div.gallery img {
      width: 100%;
      height: auto;
      }
          
  div.desc {
      padding: 15px;
      text-align: auto;
      }