body, html {
    margin: 0;
    padding: 0;
    -webkit-transition: .6s ease;
    -moz-transition: .6s ease;
    -ms-transition: .6s ease;
    -o-transition: .6s ease;
}

/* .background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
} */

h1 {
  color: white;
}

  
/* Perso */
.centered-div {
  margin-top:100px;
}

.col-padding {
  padding: 20px;
}

#sqs-block-button-element-entretien  {
  width: 80%;
  height: 50px;
  box-shadow: 10px 10px #36A9E1;
  background-color: white;
  color: black;
  border: 2px solid #000 !important;
  transition: all ease-in 0.2s !important;
}

#sqs-block-button-element-entretien:hover {
  box-shadow: none;
  transform: translateY(4px) !important;
  transition: all ease-in 0.2s;
  opacity: 1 !important;
  background-color: #36A9E1;
  color: white;
}

#sqs-block-button-element-installation  {
  width: 80%;
  height: 50px;
  box-shadow: 10px 10px #00A19A;
  background-color: white;
  color: black;
  border: 2px solid #000 !important;
  transition: all ease-in 0.2s !important;
}

#sqs-block-button-element-installation:hover {
  box-shadow: none;
  transform: translateY(4px) !important;
  transition: all ease-in 0.2s;
  opacity: 1 !important;
  background-color: #00A19A;
  color: white;
}

.sqs-block-button-element  {
  width: 80%;
  height: 50px;
  box-shadow: 10px 10px white;
  background-color: white;
  color: black;
  border: 2px solid #000 !important;
  transition: all ease-in 0.2s !important;
}

.sqs-block-button-element:hover {
  box-shadow: none;
  transform: translateY(4px) !important;
  transition: all ease-in 0.2s;
  opacity: 1 !important;
  background-color: white;
  color: black;
}

.btn-back {
  background-color: transparent;
  color: white;
  border: 0px;
}

.footer {
  background-color: white;
  color: black;
  text-align: center;
  padding: 10px;
  position: fixed;
  bottom: 0;
  width: 100%;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}