.breadcrumb {
    position: absolute;
    z-index: 9999;
    top: 48px;
    min-width: 90%;
    height: 35px;
    padding: 13px 5px 0px 0px;
    z-index: 8;
    left:3px;
}
.breadcrumb li a {
    color:var(--main-white);
    font-size: 0.8rem;
    text-decoration: none;
}
  #contacto .bg-greyfilter {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    background: #292929ab;
    filter: grayscale(1);
}
#contacto .bgimage {
    position:relative;
    padding:10%;
    height:auto;
    background-image: url(/assets/images/bg/dnd-contacto.jpg);
    background-position: bottom center;
    background-size: cover;
   background-repeat:no-repeat;
}
#contacto .card  a:hover {
    color: var(--c-corp-dnd);
}
  #contacto h1, #contacto .lead {
   color:var(--main-white);
}
#contacto .social-icon {
font-size: 1.25rem;
}

@media (min-width: 768px){
  .breadcrumb {
    position: absolute;
    z-index: 9999;
    height: 35px;
   z-index:8;
   padding:3%;
}
  .breadcrumb li a {
    color:var(--main-white);
    font-size: 0.8rem;
    text-decoration: none;
}
}