body{
    background-color: #7764ac;
    /*color: black; */
    font-family: 'Open Sans', sans-serif;
    /*font-size: 3em;*/
    color: white;
     }

.box1{
      /* position: absolute; */
      background-color: white;
      width: 80%;
      padding: 2%;
      padding-left: 1%;
      margin: 2.5%;
      margin-top: 1.5%;
      color: #7764ac;
}

.box2{
      /* background-color: grey; */
      width: 80%;
     /* padding: 50px; */
      margin: 2.5%;
}

.box3{
      width: 80%;
      padding: 10px;
      margin-left: 5%;
}

.headx1{
      font-size: 3vw;
      font-style: bold;
      color: #7764ac;
      margin-left: 1%;
}

.headx2{
      font-size: 2vw;
      font-style: bold;
      color: white;
      margin-left: 2.5%;
}

 .txtx1{
  font-size: 1.75vw;
      font-style: bold;
      color: white;
      line-height: 1.15;
   }

   .privbtn{
    background: white;
    color: #7764ac;
    font-size: 1.9vw;
    font-weight: 600;
    padding: .75vw 1.25vw .75vw 1.25vw;
    border-radius: 1.5vw;
    margin-top: 3vh;
  }  
  
  .btnholder{
      text-align: center;
  }

   
 @media only screen  and (orientation: portrait) {

   .box1{
      /* position: absolute; */
      background-color: white;
      width: 90%;
      padding: 2%;
      padding-left: 1%;
      margin: 2.5%;
      margin-top: 1.5%;
      color: #7764ac;
          }

   .box2{
      /* background-color: grey; */
      width: 90%;
     /* padding: 50px; */
      margin: 2.5%;
    }


   .headx1{
      font-size: 6.5vw;
      font-style: bold;
      color: #7764ac;
      margin-left: 1%;
       }

   .headx2{
      font-size: 5vw;
      font-style: bold;
      color: white;
      margin-left: 2.5%;
      /* text-indent: 100%; */
   }

   .txtx1{
      font-size: 3vw;
      font-style: bold;
      color: white;
      line-height: 1.15;
   }

   .privbtn{
      background: white;
      color: #7764ac;
      font-size: 6vw;
      font-weight: 600;
      padding: .75vw 1.25vw .75vw 1.25vw;
      border-radius: 1.5vw;
      margin-top: 3vh;
    }  

   }