#intro {
  background: url("../img/Comeba-img-intro.jpg") no-repeat center center;
  background-size: cover;
}

#marca{
  position: left;
  color: white;
}

.top-nav-collapse {
  background-color: #3949ab;
}

.navbar:not(.top-nav-collapse) {
  background: transparent !important;
}


@media (max-width: 768px) {
  .navbar:not(.top-nav-collapse) {
    background: #3949ab !important;

  }
}

#intro .h6 {
  font-weight: 300;
  line-height: 1.7;
}

.hm-gradient .full-bg-img {
  background: rgba(42, 27, 161, 0.7);
  background: linear-gradient(45deg, rgba(42, 27, 161, 0.7), rgba(29, 210, 177, 0.7) 100%);
}

@media (max-width: 450px) {
  .margins {
    margin-right: 1rem;
    margin-left: 1rem;
  }
}

@media (max-width: 375px) {
  .input-custom {
    padding-bottom: 2rem;
  }
}

/*agrege yo para el tamaño del logo*/
#logo {
width:5rem ; /*ancho*/
max-width:5rem;
}

/*agrege yo para el tamaño de "Empresas que confian...*/
#Confian {
 /*ancho*/
width:16rem;
}

/*agrege yo para centrar verticalmente el icono de celular*/
.fa-briefcase{
margin-top:2%;
margin-bottom: 1%;
}

#up {
  float: right;
 
}

/*agrege yo para hacer responsiva la imagen...*/
#contacto {
  background: no-repeat center center;
  background-size: cover;

}

#BotonWhats{
width:12rem;

}
/*agrege yo para hacer negrita...*/
#caracteristicas{
font-weight:bold; 

}

.formulario{
margin-bottom: -60px;
}

.page-footer{
width: 100%;
position: absolute;
}

/* Boton Flotante WhatsApp*/
.botonwhats {
    width: 8rem;
    z-index: 1;
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: -2.5rem;
}
.whats {
  width: 50%;
  margin-left: -4%;
  animation: point-up-down 1s linear infinite alternate;
  animation-name: slidein;
}

@keyframes slidein {
  from {
    width: 52%;
    width: 56%; 
  }
}

.img_certificado{
  text-align: center;
}

.ssl{
  width: 50%;
}

@media (max-width: 750px) {
  .ssl{
    width: 70%;
  }
}