html, body{
    margin: 0;
    padding: 0;
    }
    * {
    box-sizing: border-box;
    }
    img {
    width: 80%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    }
    .overlay {
        background: rgba(255, 255, 255, 0.7);
        width: 95%;
        max-width: 1200px;
        margin: 0 auto;
        padding: 16px 32px;
        }
     body {
      font-family: helvetica, arial, sans-serif;
      color: #000000;
               }
    h1 {
      color: #20278b;
      margin: 1px
    }
    h2{
      color: #1b205e;
    }
    h3{
        color: #060731;
    }
    a{
        color: #0b0c55;
    }
  @media (min-width: 650px) {
    .photos {
          margin-top: 20px;
          width: 100%;
          height: auto;
    }
    }