body {
    margin:0;
    padding:0;
    background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)),url(images/background.jpg) no-repeat center fixed; 
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-size: cover; /* version standardisée */
}
.logo {
    text-align: center;
    margin-top: 50px;
}
.bouton{
    text-align: center;
    margin: 20px;
}
.btn-info {
    color: #fff;
    background-color: #C09D37;
    border-color: #C09D37;
}
.btn-info:hover {
    color: #fff;
    background-color: #CEBA86;
    border-color: #CEBA86;
}
.btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #CEBA86;
    background-image: none;
    border-color: #CEBA86;
}
.btn-info.focus, .btn-info:focus {
    color: #fff;
    background-color: #CEBA86;
    border-color: #CEBA86;
}
.btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover {
    color: #fff;
    background-color: #CEBA86;
    border-color: #CEBA86;
}
a.btn.btn-info {
    font-family: cardenio_modernbold;
    font-size: 18px;
    padding: 10px;
    width: 170px;
}
.social {
    text-align: center;
    font-size: 24px;
}
.social > a {
    margin: 5px;
    color: #ffffff;
    text-decoration: none;
}
img {
    height: 230px;
}
@media (max-width: 768px) {
  .logo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .logo img {
    max-width: 100%;
    height: auto;
  }
}