html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}
.imagepage {
    width: 350px;
    display: block;
    margin: auto;
}
.bodypage {
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-size: 100%;
}
.pagetitle {
    display: block;
    margin: auto;
    max-width: 80%;
    max-height: 150px;
}
.question {
    color: #b43230;
}
.barbutton {
    border: 1px solid #fff2f2;
    background: #fff9f9;
    padding: 10px;
    border-radius: 8px;
    font-weight: 600;
    color: #b43230;
}
    .barbutton:hover {
        border: 1px solid #b43230;
    }
.cabinettitle {
    display: block;
    margin: auto;
    color: #b43230;
    text-align: center;
    font-weight: 300;
}
.maintitles {
}
.indexcontainer {
    width:100%;
    height: auto;
}
.mainvinettes {
    position: relative;
    min-height: 550px;
    height: auto;
}
.mainvignettes img {
    width: 100%;
}
.mainvignette {
    position: absolute;
    top: 35%;
    left: 50%;
    width: 30%;
    transform: translate(-50%, -50%);
}
.indibavignette {
    position: absolute;
    top: 30%;
    left: 15%;
    width: 20%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}
.yogavignette {
    position: absolute;
    top: 70%;
    left: 25%;
    width: 20%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}
.lucilevignette {
    position: absolute;
    top: 85%;
    left: 50%;
    width: 20%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}
.contactsvignette {
    position: absolute;
    top: 70%;
    left: 75%;
    width: 20%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}
.resourcesvignette {
    position: absolute;
    top: 25%;
    left: 80%;
    width: 20%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}