body {background-color: #cbccbf;}
    
    h1 {color: #191818;
        margin-left: 20px;
        size: 7vw;
        font-family: Arial, Helvetica, sans-serif;
    }

    h2 {color: #191818;
        margin-left: 20px;
        size: 3.5vw;
        font-family: Arial, Helvetica, sans-serif;
    }

    h3 {color: #191818;
        margin-left: 20px;
        size: 2.5vw;
        font-family: Arial, Helvetica, sans-serif;
    }

    p{color: #191818;
        margin-left: 40px;
        size: 2vw;
        font-family: Georgia, 'Times New Roman', Times, serif;
    }
   
    figure {
        width: 20%; !important
        text-align: center;
        font-style: italic;
        font-size: smaller;
        text-indent: 0;
        border: none;
        margin: 0.5em;
        margin-left: 40px;
        padding: 0.5em;
      }

    div.gallery {
        border: 1px solid #ccc;
      }
      
    div.gallery:hover {
        border: 1px solid #777;
      }
      
    div.gallery img {
        width: 100%;
        height: auto;
      }
      
    div.desc {
        padding: 15px;
        text-align: center;
      }
      
      * {
        box-sizing: border-box;
      }
      
    .responsive {
        padding: 0 6px;
        float: left;
        width: 24.99999%;
      }
      
    @media only screen and (max-width: 700px) {
        .responsive {
          width: 49.99999%;
          margin: 6px 0;
        }
      }
      
    @media only screen and (max-width: 500px) {
        .responsive {
          width: 100%;
        }
      }
      
    .clearfix:after {
        content: "";
        display: table;
        clear: both;
      }