h2 {
   font: center;
   font: size 3.5vw;
  }
 body {
   font-family: 'sans-serif';
 }
 *{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
 }
 .wrapper{
   text-align: center;
   padding: 8px;
   text-align: 10px;
   width: 50%;
   background: white;
   margin: 0 auto;
   margin-top: 70px;
   display: grid;
   grid-gap: 30px;
   grid-template: 50em;
   padding: 5px;
   border: 10px solid #fff79a;
 }
 
 
 
 /* Responsive columns */
 @media screen and (max-width: 900px) {
  .column, .container, .wrapper {
     width: 100%;
     display: block;
      margin-bottom: 10px;
      margin: auto;  
   }
 }
 @media only screen and (max-width:500px) {
   /* For mobile phones: */
   .column, .container, .wrapper {
     width: 90%;
     margin: auto;  
     display: block;
     margin-bottom: 10px;
     font-size-adjust: 4.50vw;
     font-family: 'sans-serif';
   }