html {
  font-family: 'ZCOOL KuaiLe', 'Open Sans', sans-serif;
}

body {
  width: 100%;
}
.container-fluid {
  background-image: url('../img/lost-aker.jpg');
  background-position: center;
  background-size: cover;
  min-height: 100vh;
  color: #423E3A;
}

/* 404 Title */
.title-404 {
  font-family: 'ZCOOL KuaiLe', 'Open Sans', sans-serif;
  font-size: 6em;
}

.row-title-404 {
  padding-top: 8em;
}

.col-md-6 {
  text-align: center;
}

/* Are you lost title */
.title-vilse {
  font-family: 'ZCOOL KuaiLe', 'Open Sans', sans-serif;
  font-size: 3.5em;
}

/* Link back */
.go-back {
  font-family: 'Open Sans', sans-serif;
  font-size: 0.9em;
}

.link {
  text-decoration: none;
  text-decoration-line: underline;
  color: rgb(220, 163, 110);
}

.link:hover {
  color: rgb(69, 50, 33);
}

 /* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
  .row-title-404 {
    text-align: center;
  }
}
 /* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) { 
  .row-title-404 {
    padding-top: 8em;
  }
  .row-title-404 {
    text-align: center;
  }
  .row-title-vilse {
    text-align: center;
  }
  .row-title-paragraf {
    text-align: center;
  }
}

@media (max-height: 750px) { 
  .row-title-404 {
    padding-top: 4em;
  }
}

@media (max-height: 650px) { 
  .row-title-404 {
    padding-top: 1em;
  }
}