/* ==========================================================================
   Author's custom styles
   ========================================================================== */



body {
    padding-bottom: 20px;
}

*{
  color:  #1c3173;
  font-family: 'Roboto', sans-serif;
}


.text-xs-left { text-align: left; }
.text-xs-right { text-align: right; }
.text-xs-center { text-align: center; }
.text-xs-justify { text-align: justify; }

@media (min-width: 768px) {
    .text-sm-left { text-align: left; }
    .text-sm-right { text-align: right; }
    .text-sm-center { text-align: center; }
    .text-sm-justify { text-align: justify; }
}

@media (min-width: 992px) {
    .text-md-left { text-align: left; }
    .text-md-right { text-align: right; }
    .text-md-center { text-align: center; }
    .text-md-justify { text-align: justify; }
}

@media (min-width: 1200px) {
    .text-lg-left { text-align: left; }
    .text-lg-right { text-align: right; }
    .text-lg-center { text-align: center; }
    .text-lg-justify { text-align: justify; }
}

.jumbotron{
  background-color: transparent;
  color: #fff;
}
.jumbotron h1{
  color: #fff;
  margin-bottom: 20px;
}
.jumbotron p,
.jumbotron span,
.jumbotron strong{
  color: #fff;
}


.fondo{
  background-color: #2a416d;
  background-image: url('../img/fotoCap.jpg');
  background-repeat: no-repeat;
  background-position: right top;
  background-size: cover;
}

.fondo2{
  background-color: #2a416d;
  background-image: url('../img/fotoCap2.jpg');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

.navbar{
  border:  none;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  border-radius: 0;
}

.caracteristicas h3 {
  font-size: 18px;
  color: #ba382b;
}
.caracteristicas h2 {
  font-size: 22px;
}
.caracteristicas .tit{
  max-width: 430px;
  margin: 20px auto;
}

.rowdescarga{
  background-color: #e0e2e2;
  margin:  50px 0 20px 0;
  padding: 40px 20px;
}
.rowdescarga h2{
  font-size: 22px;
  padding: 0 0 20px 0;
}

h1 span, h2 span, h3 span{
   font-weight: normal;
}
.logo span{
  display: none;
}
.logo{
  background-image: url(../img/logo.png);
  background-repeat: no-repeat;
  background-size: 95%;
  width: 75px;
  height: 75px;
  margin: 5px 0 0 5px;
}

.botonesTop div{
  margin-top: 20px;
}
.botonesTop div p.izq{
  font-size: 13px;
  font-weight: normal;
  text-align: center;
  
  margin: 10px auto 0 auto;
}
.botonesTop div p.der{
  font-size: 13px;
  font-weight: normal;
  text-align: center;
  
  margin: 10px auto 0 auto;
}

.botonesTop img,
.botonesTop p{
  width: 220px;
}


.botonesBot img{
  height: 68px;
  margin-top: 20px;
}

.iosProx{
   max-width: 220px; text-align: center; width: auto;
}

@media screen and (min-width: 768px){
  .jumbotron h1, .jumbotron .h1 {
      font-size: 43px;
  }
}

@media (min-width: 992px) {
  .botonesTop div p.izq{
      border: 0px solid red;
      margin: 10px 0 0 0;
  }
  .botonesTop div p.der{
      border: 0px solid red;
      margin: 10px 0 0 0;
  }

  .iosProx{
    float: right;
  }
}

.iphone{
  width: 100%;
  max-width: 340px;

}


.pasosNum{
  font-size: 30px;
  color: #ba382b;
}