*{padding: 0.25em;; margin:0}


.wrapper {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 2em;
    width: 90%;
    margin: 0 auto;
    text-align:center;
  }
  
  
  img{
    
    width: 50%;

height:auto;

}


.right{ 

  border-left: 1px rgb(0, 0, 0) dashed;
  padding: 4%;
}
.middle{ 

    border-left: 1px rgb(0, 0, 0) dashed;
    padding: 4%;
}


h1{color: grey; text-align:center;}

h2{color: rgb(2, 35, 25); text-align:center;}

h3{color: rgb(2, 54, 25); text-align:center;}


footer {
    display: flex;
    justify-content: center; /* center items vertically, in this case */
    align-items: center; /* center items horizontally, in this case */
    box-sizing: border-box;
    width: 100%; /* set the width of the footer  */
    height: 15vh; /* set the height of the footer  */
    color: #fff; /* set the text colour of the footer  */
    background-color: #0E0E0E;
    margin-top: 1em;
}



.content img {
 height:80px;
    width: 80px;
    float:left;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 50%;
  }

  .centertry {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
    padding: 5%;
  }

  .centerpoint {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .resize {
    width: 60px;
    height: auto;
  }

  .resizetwo {
    width: 30px;
    height: auto;
  }