@import url('https://fonts.googleapis.com/css?family=Muli');

*{
    padding: 0;
    margin: 0;
}
body{
    font-family: Muli;
    background-image: linear-gradient(to bottom, #E7E9E8, #fff);
    
}
@media (max-width: 2560px) and (min-width: 769px) {
    html {
      font-size: calc(7px + (20 - 7) * ((100vw - 768px) / (2560 - 768)));
    }
   
    
   .heading{
       color: #000;
    padding-top: 15%;
    padding-left: 25%;
    font-weight: 900;
    font-size: 45px;
    margin-bottom: 2%;
   }
   .rows1st{
    margin-top: 3%;
   }
   .rows{
       margin-top: 1%;
   }
   .labels{
       font-size: medium;
       color: #000;
       font-weight: 600;
   }
  .formcont{
      border: 1px solid lightgray;
      border-radius: 7px;
      padding-top: 3%;
      padding-bottom: 3%;
      width: 100%;
  }
  .formcontlast{
    border: 1px solid lightgray;
    border-radius: 7px;
    padding-top: 6%;
    padding-bottom: 6%;
    width: 100%;
  }
  .rowcols{
      padding-left: 25%;
  }
  .rowlastcol{
      padding-left: 0%;
  }
  .rowslast{
      margin-top: 2%;
      margin-bottom: 17%;
  }
  
  .lastbutton{
    background-image: linear-gradient(to right, #1F1A16, #493F36); 
    width: 100%; 
    color: #fff;
    font-size: medium;
    font-weight: 500;
    padding-top: 2%;
    padding-bottom: 2%;
    border-radius: 7px;
  }
}
@media (max-width: 768px) and (min-width: 431px)  {
    html {
      font-size: calc(7px + (12 - 7) * ((100vw - 320px) / (767 - 320)));
    }
   
    
   .heading{
    padding-left: 23%;
    padding-top: 20%;
    font-weight: bold;
    font-size: xx-large;
   }
   .rows1st{
    margin-top: 5%;
   }
   .rows{
    margin-top: 1%;
}
.labels{
    font-size: medium;
    color: #000;
    font-weight: 600;
}
.formcont{
   border: 1px solid lightgray;
   border-radius: 7px;
   padding-top: 3%;
   padding-bottom: 3%;
   width: 100%;
}
.formcontlast{
 border: 1px solid lightgray;
 border-radius: 7px;
 padding-top: 6%;
 padding-bottom: 6%;
 width: 100%;
}
.rowcols{
   padding-left: 25%;
}
.rowlastcol{
   padding-left: 0%;
}
.rowslast{
    margin-bottom: 17%;
   margin-top: 2%;
}

.lastbutton{
 background-image: linear-gradient(to right, #1F1A16, #493F36); 
 width: 100%; 
 color: #fff;
 font-size: medium;
 font-weight: 500;
 padding-top: 2%;
 padding-bottom: 2%;
 border-radius: 7px;
}
  
}

@media (max-width: 430px) and (min-width: 320px)  {

    html {
        font-size: calc(7px + (12 - 7) * ((100vw - 320px) / (767 - 320)));
      }
     
     
   .heading{   
    padding-top: 25%;
    padding-left: 0%;
    font-weight: bold;
    font-size: x-large;
   }
   .rows1st{
    margin-top: 3%;
   }
   .rows{
    margin-top: 3%;
}
.labels{
    font-size: medium;
    color: #000;
    font-weight: 600;
}
.formcont{
   border: 1px solid lightgray;
   border-radius: 7px;
   padding-top: 3%;
   padding-bottom: 3%;
   width: 100%;
}
.formcontlast{
 border: 1px solid lightgray;
 border-radius: 7px;
 padding-top: 3%;
 padding-bottom: 3%;
 width: 100%;
}
.rowcols{
   padding-left: 0%;
}
.rowlastcol{
   padding-left: 2%;
}
.rowslast{
   margin-top: 4%;
   margin-bottom: 17%;
}

.lastbutton{
 background-image: linear-gradient(to right, #1F1A16, #493F36); 
 width: 100%; 
 color: #fff;
 font-size: medium;
 font-weight: 500;
 padding-top: 2%;
 padding-bottom: 2%;
 border-radius: 7px;
}
  
}