#this{
  position: relative;
}
#box{
  color: rgb(0, 0, 0);
  margin-top: 7vh;
  margin-left:35%;
  position: absolute;
  text-transform: capitalize;
  background:#eef4ff;
  width: 30vw;
  height: 6vh;
  border-radius: 2px;
  border: 3px solid #2775ba;
  /* left:;
  top:; */
}
h5{
 padding-top: 20px; 
}
.heading{
  /* width: 100vw; */
  height: 10vh;
  background-color:#eef4ff;
 /*background: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(transparent), color-stop(50%, #eef4ff));*/

  
}
.line{
  /*background:#2775ba;*/
  height: 0.5vh;
  width:100%;
margin: auto;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(transparent), color-stop(50%, #2775ba));


}
.social{
  width: 50px;
  height: 50px;
  /* background: white; */
  /* border-radius:17px; */
  
}
@media screen and (max-width:1025px){
  #box{
      font-size: 34px;
      color: rgb(0, 0, 0);
      margin-top: 7vh;
      margin-left:35%;
      position: absolute;
      text-transform: capitalize;
      width: 30vw;
      height: 6vh;
      border-radius: 4px;
      /* left:;
      top:; */
  }
}
@media screen and (max-width:769px){

  #box{
      font-size: 28px;
      color: rgb(0, 0, 0);
      margin-top: 7vh;
      margin-left:35%;
      position: absolute;
      text-transform: capitalize;
      width: 30vw;
      height: 6vh;
      border-radius: 4px;
      /* left:;
      top:; */
      
  }
  p{
      padding-top:1vh;
  }
 
}
@media screen and (max-width:330px){
  #box{
      font-size: 22px;
      color: rgb(0, 0, 0);
      margin-top: 7vh;
      margin-left:35%;
      position: absolute;
      text-transform: capitalize;
      width: 30vw;
      height: 6vh;
      border-radius: 4px;
      /* left:;
      top:; */
  }
  p{
      padding-top:1vh;
  }
}