body {
  height: 100%;
}
.bodyBackgroundImage {
  background-attachment: fixed;
  background-position: center;
  background-image: url(../img/img_parallax.webp);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top:0px;
  left: 0px;
  width: 100%;
  opacity: 1
  ;
  height: 65px;
}
.card {
  border-radius: 20px;
}
.cardMeteo {
  position: fixed;
  bottom: 0px;
  right: 5px;
  z-index: 99;
}
.icon {
  position: relative;
  top: 0px;
  border-radius: 50%;
  width: 120px;
  margin-bottom: 0px;
}
.hiddenClass {
  display: none;
}
.persoColorBackground {
  background-color: #fff !important;
}
.personalColorText {
  color: #247ce2 !important;
}
.personalColorBtnBackground {
  background-color: #247ce2 !important;
}
.personalColorBtnText {
  color: #fff !important;
}
.persoNavbarBack {
  background-color: #247ce2 !important;
}
.persoNavbarBtn {
  background-color: #fff !important;
}
.persoNavbarBtntext {
  color: #247ce2 !important;
}
.sticky-nav {
  position: fixed;
  top: 0;
  z-index: 9;
}
.section {
  padding-top: 4vw;
  padding-bottom: 4vw;
}
@media screen and (max-width: 670px) {
  .header_cabinet {
    min-height: 500px;
  }
}
.justify {
  text-align: justify;
}
@media screen and (max-width: 670px) {
  header_image {
    min-height: 500px;
    opacity: 0.9;
  }
}
.parallax-container {
  height: 300px;
}
@media only screen and (max-width: 600px) {
  .parallax-container {
    height: 300px;
  }
}
.noteText {
  font-size: 10px;
}
.tabs .indicator {
  background-color: #1a237e;
}
.tabs .tab a:focus,
.tabs .tab a:focus.active {
  background: transparent;
}
#map_canvas {
  width: 350px;
  height: 350px;
}
.fixedTop {
  position: relative;
  top: 10px;
  right: -10px;
}
.fixedTop2 {
  position: relative;
  top: 10px;
  right: -5px;
}
.specialFont {
  text-shadow: 1px 1px 1px #aaa;
  font-display: swap;
}
.bgimg-1,
.bgimg-2,
.bgimg-3,
.bgimg-4,
.bgimg-5 {
  position: relative;
  opacity: 0.9;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bgimg-1 {
  background-image: url("../img/img_parallax.webp");
  min-height: 100vh;
}

.bgimg-2 {
  background-image: url("../img/img_parallax2.webp");
  min-height: 100vh;
}

.bgimg-3 {
  background-image: url("../img/img_parallax3.webp");
  min-height: 100vh;
}

.bgimg-4 {
  background-image: url("../img/img_parallax4.webp");
  min-height: 100vh;
}

.bgimg-5 {
  background-image: url("../img/img_parallax5.webp");
  min-height: 100vh;
}
.h4 {
  padding: 5px;
}

.a:hover, .btn-large:hover, .btn-small:hover {
  background-color: #6c3af5;
}

nav ul li,
nav ul li a,
.brand-logo {
  font-size: 20px;
}