*{
        box-sizing: border-box;
        margin: 0;
        padding: 0;
      }
      body{
        margin: 0;
        padding: 0;
        background-color: rgb(38, 150, 175);
       }
      .header{
        width: 100%;
       }
      .wrapper{
          width: 100%;
          max-width: 960px;
          margin: 0 auto;
          padding-top: 50px;
          display: grid;
          grid-template-columns: repeat(auto-fill, minmax(350px, 1fr) );
      }
      h1, p{
        color: white;
      }
      section{
          margin: 5px;
          background-color: inherit;
          padding: 10vmin;
      }
      figure{
          margin: 5px;
          margin-bottom: 80px;
      }
      @media (min-width: 700px){
          .wrapper{row-gap: 80px;}

      }
      figure img{
          width: 100%;
          display: block;
      }