body {
  background-image: url(../images/contacto-3.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.bodi {
  background-color: #000;
}

.contienetodo {
  background-image: url(../images/contacto-3.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.contactitle {
  display: flex;
  padding-top: 30px;
  margin-top: -30px;
}

.contactitle h2 {
  color: #000;
  font-size: xx-large;
  font-family: 'Monument';
  letter-spacing: 2px;
  padding-bottom: 20px;
  margin: auto;
}

.datos2 {
  width: 350px;
  border-radius: 6px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  color: #000;
  text-align: start;
  font-weight: 500;
}

a i {
  color: #000;
}

a i:hover {
  color: #fff;
}

/* ********* *** DDDAAAAARRRKKK MMOOOODDDEEEE *** ******** */

@media (prefers-color-scheme: dark) {

  .modo-oscuro .datos2 {
    color: whitesmoke;
  }

  .modo-oscuro i {
    color: whitesmoke;
  }

  .modo-oscuro .switch-text {
    >i {
      color: #000;
    }
  }

  .modo-oscuro .contactitle h2 {
    color: #fff;
  }

  .modo-oscuro .contienetodo {
    background-image: url(../images/contacto.jpg);
  }
}


.modo-oscuro .contienetodo {
  background-image: url(../images/contacto.jpg);
}

.modo-oscuro .datos2 {
  color: whitesmoke;
}

.modo-oscuro i {
  color: whitesmoke;
}

.modo-oscuro .switch-text {
  >i {
    color: #000;
  }
}

.modo-oscuro .contactitle h2 {
  color: #fff;
}




@media (max-width:768px) {
  .futercontact {
    font-size: x-small;
  }
}

@media (max-width:576px) {
  .futercontact {
    font-size: xx-small;
    font-weight: bold;
  }
}

@media (max-width:372px) {
  .futercontact {
    font-size: 9px;
  }
}