.header {
  padding: 0% 3%;
  background-color: #f7ad1c;
  /* font-size: 2vw; */
  font-size: min(2vw, 12px);
  height: 10%;

  h1 {
    /* font-size: 8vw; */
    font-size: min(8vw, 36);
    color: #6c6764;

  }



  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
}
.body {
  background-color: #ffffff;
  
  /* font-size: 4vw;
  font-size: min(4vw, 24px);
  max-width: 920px;
  margin-right: auto;
  margin-left: auto; */
}

.main {
  
  background-color: #ffffff;
  /* font-size: 4vw; */
  font-size: min(4vw, 24px);
  /* max-width: 500px; */

  max-width: 850px;
  margin-right: auto;
  margin-left: auto;

  img {
    width: 60%;
    height: auto;
    position: center;
    margin: auto;
    display: block;


  }

  h3 {
    padding: 0% 1%;
    color: #660000;
    /* font-size: 5vw; */
    font-size: min(5vw, 30px);
    
  }

  p {
    padding: 0% 1%;
    /* color: #bbff00;
     font-size: 4vw; 
    font-size: min(4vw, 24px); */
  }

  .lgr-10 {
    margin-left: 20%;
  }

  .lgr-10 {
    margin-right: 8%;
  }
}

.footer {
  padding: 0% 1%;
  background-color: #666666;
  height: 10%;
p {
    color: #ffffff;
    /* font-size: 2vw; */
    font-size: min(2vw, 12px);
  }
  max-width: 850px;
  margin-right: auto;
  margin-left: auto;
}