img {max-width: 100%;
    height: auto;
    
  } 

body{ font-family: sans-serif;
  background-color: rgb(249, 249, 243);
}


  h1{color:black;
    font-weight: 600;
    font-family: 'Bevan', cursive; 

  }

  h2{color:black;
    font-weight: 600;
    font-family: 'Bevan', cursive;
    
  }

  h3{color:black;
    font-weight: 600;
    font-family: 'Bevan', cursive;
  }
  
  /* @media only screen and (min-width: 600px) {
    
  }*/

  
  @media(min-width: 584px){
    body {
      display: grid;
      grid-template-columns: 5fr 7fr;
      padding: 20px;
      max-width: 800px;
      margin-left: auto;
      margin-right: auto;
      gap: 20px;
      
    }
    img{
      order: -1;
    }
  }
 .blocktext {
  padding: 20px;
  margin-left: 20Px;
  margin-right: 20PX;
  width: 6em  
  

}