body {
  background: #f2f2f2;
}
.boxp {
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("../img/login.png");
  background-repeat: no-repeat;
  height: auto;
  width: 100%;
}

@media only screen and (min-width: 373px) and (max-width: 423px){

  .boxp{
  background: url("");
  }

}

@media only screen and (min-width: 1364px) and (max-width: 1439px){

  .boxp{
  background: url("../img/login2.png");
  }

}
.logini {
  height: auto;
  width: 1440px;
  position: relative;
}
.header {
  display: flex;
  justify-content: center;
  align-content: center;
  padding-top: 35px;
  font-family: 'Century Gothic', 'gothic';
  font-size: 33px;
  font-weight: bold;
  line-height: 72px;
  color: #0f344b;
}

@media only screen and (min-width: 1364px) and (max-width: 1439px){

  .header{
  font-size: 26.5px;
  }

}
.spanl {
  margin-left: 236px;
}
.v {
  font-size: 63px;
  color: #bad7da;
}
.k {
  font-size: 63px;
  color: #c63a3d;
}
.explica {
  display: flex;
  justify-content: center;
  align-content: center;
  font-family: 'Century Gothic', 'gothic';
  font-size: 25px;
  color: #0f344b;
  padding-top :56px;
}
.parrafo1 {
  
  height: auto;
  width: 601px;
  text-align: justify;
  padding-right: 111px;
}
.inputs {
  padding-top: 48px;
  margin-right:-8px;
}
label {
  color: #c73b3e;
  font-weight: bold;
}
input {
  margin: 15px auto 49px auto;
  height: 40px;
  width: 302px;
}
.btn {
  background: #c73b3e;
  height: 42px;
  width: 162px;
  border-radius: 15px;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
}
.accede {
  font-size: 31px;
  font-weight: 600;
}
.footer {
  display: flex;
  align-content: center;
  justify-content: center;
  padding-top: 110px;
  height: 85px;
  width: auto;
}
.cop {
  display: flex;
  justify-content: center;
  align-content: center;
  padding-top: 4px;
  font-size: 23px;
  font-family: 'Century Gothic', 'gothic';
  font-weight: 600;
}
.estdbut {
  display: flex;
  justify-content: center;
  align-content: center;
}