.under-construction-container {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  min-height: 60vh;

  text-align: center;

  padding: 10vw 5%;

  background-color: #f8f9fa;

  margin: 5vw;

  border-radius: 15px;

}



.under-construction-container .fa-hard-hat {

  font-size: 15vw;

  color: #dbaf4e;

  margin-bottom: 2rem;

}



.under-construction-container h1 {

  font-family: 'Playfair Display', serif;

  color: #265d87;

  font-size: 10vw;

  margin-bottom: 1rem;

}



.under-construction-container p {

  font-size: 4.5vw;

  color: #5a5a5a;

  max-width: 80%;

  margin-bottom: 2rem;

}



.btn-back-home {

  display: inline-block;

  padding: 3vw 6vw;

  background-color: #265d87;

  color: #fff;

  font-weight: 600;

  text-decoration: none;

  border-radius: 50px;

  transition: background-color 0.3s ease, transform 0.3s ease;

}



.btn-back-home:hover {

  background-color: #dbaf4e;

  color: #fff;

  transform: translateY(-3px);

  text-decoration: none;

}



@media (min-width: 600px) {

  .under-construction-container .fa-hard-hat {

    font-size: 6vw;

  }



  .under-construction-container h1 {

    font-size: 4vw;

  }



  .under-construction-container p {

    font-size: 1.5vw;

    max-width: 100%;

  }



  .btn-back-home {

    padding: 1vw 2vw;

  }

}