#mainNav .navbar-brand {
  background-color: transparent;
  color: #ddd;
}

#mainNav .navbar-nav .nav-item .nav-link {
  font-size: 90%;
  font-weight: 400;
  padding: .75em 0;
  letter-spacing: 1px;
  color: #fff;
  font-family: 'Cairo';
}

#navbar-brand.mainName a:hover {
  color: red;
}

#portfolio {
  background-image: url('../../assets/img/code.jpg');
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#contact {
  /*background-image: url('../../assets/img/code.jpg');*/
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#clients {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 570px){
  .codifica{
    font-size: 0.6em;
  }
}
@media (min-width: 570px){
  #services,#portfolio,#contact,#clients{
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .codifica{
    font-size: 0.8em;
  }
}

@media only screen and (max-width: 700px) and (min-width: 570px){
  .codifica{
    font-size: 0.6em;
  }
  
  .navbar{
    display:none;  
  }
}

@media only screen and (max-width: 1000px) and (min-width: 700px){
    .herramientas,.servicio,.acercade,.contacto,.clientes{
        display:none;
    }
    .iherramientas,.iservicio,.iacercade,.icontacto,.iclientes{
        padding:10px;
        font-size:20px;
    }
    .ea,.rs,.in,.ds{
        font-size: 14px;
    }
}

#myVideo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*min-width: 100%;*/
  min-height: 100%;
  z-index: -1;
  object-fit:cover;
}

.servicios{
    color:#ddd;
    font-family: Cairo;
    font-size: 0.8em;
}

.saber{
    background-color:rgba(255,255,255,0.00);
    color:#ccc;
    font-family: Cairo;
}

.empresa{
    background-color:red;
    padding:10px;
}

.error{
    color: #fff;
}