article, aside, details, figcaption, figure, 
   footer, header, hgroup, menu, nav, section {
    display: inline;
  }
  body {
    line-height: 1;
  }
  ol, ul {
    list-style: none;
  }
  blockquote, q {
    quotes: none;
  }
  blockquote:before, blockquote:after,
  q:before, q:after {
    content: '';
    content: none;
  }


    body {
      background-color: #D5D5D3;
      font-family: lucida;
    }

    h1 {
      text-align: center;
      font-family: lucida;
      font-size: 43px;
      margin-top: 30px;
    }

    .paragraph {
      text-align: center;
      font-family: lucida;
      font-size: 25px;
      margin-left: 22%;
      width: 55%;
    }

    .img1 {
      text-align: right;
      border-radius: 25px;
      width: 330px;
      height: 200px;
      margin-left: 500px;
      display: inline-block;
    }

    .button {
      background-color: #A1BEBB;
      font-size: 16px;
      font-family: lucida;
      padding: 3px 23px;
      display: inline-block;
      border-radius: 8px;
      margin-top: none;
      margin-bottom: 15px;
    }

    

style="float: left; width: 30%; 
margin-right: 1%; margin-bottom: 0.5em;">


    div.img {
      float: 
      left;
      border: 1px solid #ccc;
      width: 25px;
      margin-right: 1%;
      margin-bottom: 0.5em
    }

    div.img:hover {
      border: 1px solid #777;
    }

    div.img img {
      width: 20%;
      height: auto;
      border-radius: 8px;
    }

    div.desc {
      padding: 15px;
      text-align: center;
    }
  

    


    .footer {
      text-align: center;
    }