*{
  box-sizing: border-box;
  margin: 0;
  font-family: 'Roboto', sans-serif;font-weight: 300;
}
p,ul{
  font-size: 18px;
  text-align: justify;
  color:#3D3D3D ;
}
b{
  font-weight: bold !important;
}
.div-logo{
  height:12vh;
  padding: 5px;
  margin-left: 7vw;
}
.div-logo img{
  height: 100%;
}
header{
  min-height:70vh;
  background: url(../img/intro1.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size:cover;
  display: flex;
  flex-direction: row;
  width: 100%;
}
header div{
  width: 50%;
  /*border:solid 1px #f6f6f6;*/
}
header .div-title{
  display: flex;
  align-items: center;
  width:50%;
}
header .div-title div{
  padding-left: 7vw ;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 70%;
  background: rgba(255,255,255,.7);
  border-radius: 0 5px 5px 0;
}
header .div-title h1{
  font-size: calc(2.5vw + 2.5vh);
  font-weight: bold;
  width: 100%;
  color:rgba(10,3,47,1);
}
header .div-title h2{
  font-size: calc(.8vw + 1.5vh);
  width: 200%;
  color:rgba(10,3,47,1);
}
header .div-title h2 span{
  font-weight: 900;
}
header .div-form form{
  margin:80px 130px;
  padding: 20px 30px;
  /*background:rgba(10,3,47,.9);*/
  background:rgba(255,255,255,.7);
  height: calc(100% - 80px);
  display: flex;
  align-items: center;
  border-radius: 5px 5px 0 0;
}
.div-form {
  display:block;
}
.none{
  display:none;
}
header .div-form form div{
  width: 100%;
}
header .div-form form h3{
  width: 100%;
  font-size: 25px;
  color:rgba(10,3,47,1);
  font-weight:900 !important;
}
header .div-form form input{
  padding: 7px;
  border-radius: 8px;
  border:solid 1px #BDC3C7 ;
  margin-bottom: 10px;
  width: 100%;
}
header .div-form form .boton{
  padding: 7px;
  border-radius: 1px;
  margin-bottom: 10px;
  background: #000;
  width: 100%;
  color:#fff;
  font-size:18px !important;
}
.container{
  display: flex;
  width: 100%;
}
.container div{
  padding: 40px;
  width: 50%;
}
.container .primero{
  background: url(../img/primero1.png);
  background-size: cover;
  background-position: center;
}
.container .segundo{
  background: url(../img/segundo.png);
  background-size: cover;
  background-position: center;
}
.container .title{
  font-size: 23px;
  font-weight: 700;
}
.container .subtitle{
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding-top: 10px;
}
.bar{
  background-color: rgba(10,3,47,1);
}
.bar p{
  width: 100%;
  color: #fff;
  font-size: 30px;
  padding: 20px;
  text-align: center;
}
.bar .titlep{
  font-weight: 900;
}
.img div div{
  width: 100%;
  padding: 0;
  text-align: center;
}
.img img{
  width: 60%;
}
.pie{
  background: #E5E8E8;
  height:20vh;
  padding: 20px;
  text-align: center;
}
.pie img{
  height: 100%;
}

@media (max-width: 998.98px) {
  header{
    display: flex;
    min-height:50vh;
  }
  header .div-title div{
     width:100% !important;
     margin-top: 5vh;
     padding-left: 3vw ;
  }
  .container{
    display: flex;
    flex-direction: column;
  }
  .container div{
    width: 100%;
  }
  .primero, .segundo{
    min-height: 50vh;
  }
  header .div-form form{
    margin:80px;
    padding: 20px 30px;
  }
  header .div-form form .boton{
}
  .none{
  display:block;
  padding:20px;

   }
   header .div-form form{
  margin:80px 130px;
  padding: 20px 30px;
  /*background:rgba(10,3,47,.9);*/
  background:rgba(255,255,255,.7);
  height: calc(100% - 80px);
  display: flex;
  align-items: center;
  border-radius: 5px 5px 0 0;
}

   .div-form {
  display:none;
}
  .container h3{
    color:rgba(10,3,47,1);
     font-weight:900 !important;
     font-size: 25px;
    }
  .container input{
      padding: 7px;
  border-radius: 8px;
  border:solid 1px #BDC3C7 ;
  margin-bottom: 10px;
  width: 100%;
  }
}