/* html{ 
  background: linear-gradient(0deg,#D4BF88 0%, #E6DEB9 100%);
} */

h1{
  margin:30px 0 5px;
  padding: 5% 5%;
  font-size: 3rem;
  text-align: center;
  font-family: 'Inconsolata';
  font-weight: 300;
  margin-bottom: 10rem;
}

.h11 {
  margin-top: 70px;
}

h2 {
  margin:10px 0;
  padding:0;
  font-size: 3rem;
  text-align: center;
  font-family: 'Inconsolata';
  font-weight: 300;
}


.bg-shape {
  position: relative;
  overflow: hidden;
  padding: 50px;
}

.bg-shape:after {
  content: '';
  position: absolute;
  width: 600px;
  height:600px;
  background:linear-gradient(0deg,#00b4d8 50%, #90e0ef 100%);;
  border-radius: 50%;
  top: 0;
  right: 0;
  z-index: -1;
  top: -60%; /* change value as required */
   right: -20%; /*change value as required  */
}

/* 
.bg-shape1 {
  background: linear-gradient(0deg,#D4BF88 0%, #E6DEB9 100%);
  position: relative;
  overflow: hidden;
  padding: 50px;
}

.bg-shape1:after {
  content: '';
  position: absolute;
  width: 600px;
  height:600px;
  background: #3A4928;
  border-radius: 50%;relative
  top: 0;
  right: 0;
  z-index: -1;
  top: -30%; /* change value as required */
  /* right: 70%; change value as required  */

footer {
  position: relative;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgb(0, 0, 0);
  color: white;
  text-align: center;
}

@media (max-width: 48rem) {
  footer {
    position: relative;
  }

  #hero {
    margin-bottom: 6rem;  
  }
}