html, body {
  height: 100%;
 }
 body{
  background-image: url(/images/vilanoisedjs.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
 }
 
 main{
  color: white;
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8));
  height: 100%;
 }
 
 .social{
   margin: auto;
 }
 
 .social ul li{
   padding: 0 5px;
 }
 
 
 /*html { animation: fadeIn 1s; }
 *//*
 .nav-link{
   color: #fff!important;
 }*/
 
 .nav-item {
   margin: 0 5px;
 }
 /*
 .nav-item:hover{
   color: #999!important;
 }
 
 .nav-item.active {
   color: #0d6efd!important;
 }*/
 
 .content{
   display: none;
 }
 
 .cabecera{
     
     background-color: transparent!important;
 }
 
@media only screen and (min-width: 682px) {
.cabecera{
     max-width: 80%;
     margin: 0 auto;
     padding: 20px 0!important;
 }
}

a {outline: none;}

.IMOBX {
    display: flex;
    gap: 16px;
}

.jAcOPG {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    color: inherit;
    -webkit-box-align: center;
    align-items: center;
    text-decoration: none;
}

eyaan {
    position: relative;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 28px;
    padding-bottom: 4px;
}

img {
    vertical-align: middle;
}