form{
  background-color: #ffff;
 font-size: 18px;
  border-radius:10px;
 margin-left: 280px;
 margin-right: 280px;
 border-color: black;
 
}


input[type="text"]{
  width: 80%;
  display:block;
}



label{
font-family: 'Noto Sans Georgian', sans-serif;
font-size: 15px;
  font-weight:bold;
  display:block;
  margin:0px 0;
}



.formu1{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  align-content:space-between;
margin-left: 40px;
 
}

.f1{
  order:0;
  flex:0 1 auto;
  align-self:auto;
  height:auto;
  width:35%;
}
.f2{
  order:0;
  flex:0 1 auto;
  align-self:auto;
  height:auto;
  width:35%;
}

.mjs{
  margin-left: 150px;

}

.nom{
  margin-left: 150px;

}
    

@media (max-width: 1250px){
  
  form{
      width: 70%;
      margin-left: 30px;
  }


}

@media (max-width: 1250px){
  
  .datos{
      width: 70%;
      margin-left: 30px;
  }


}



@media (max-width: 1250px){
  .formu1{
  display: block;
 
  }
  .f1, .f2{
      width: 100% ;
  }
  .nom{
    margin-left: 40px;
  }
  .mjs{
    margin-left: 40px;
  }


}

textarea{
  width: 80%;
  height: 90px;
}
.boton{
   background:#62BB51;
    color: #FFFF;
    font-family: 'Noto Sans Georgian', sans-serif ;
    font-size: 20px;
    width: 200px;
    height: 50px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    z-index: 1
}
.buu:hover{
  font-family:'Alexandria', sans-serif ;
  
}



.datos{
  margin-left: 150px;
  font-family: 'Noto Sans Georgian', sans-serif;
  font-size: 30px;
}


@media (max-width: 1250px){
  
  .datos{
      margin-left: 30px;
  }

}