body {
     background: url(bg.jpg) repeat;
     background-size: cover;
     font-family: 'Poppins', sans-serif;
     min-height: 75rem;
     padding-top: 4.5rem;
     scroll-behavior: smooth;
}
 .navbar-top {
     background: black;
}
 .snow:before {
     content: "";
     height: 170vh;
     width: 100%;
     background-image: url(snow.png), url(snow2.png), url(snow3.png);
     background-repeat: repeat;
     position: absolute;
     left: 0;
     top: 0;
     image-rendering: -webkit-optimize-contrast;
     image-rendering: crisp-edges;
     will-change: background-position;
     -webkit-animation: an-snow 20s linear infinite;
     -moz-animation: an-snow 20s linear infinite;
     -o-animation: an-snow 20s linear infinite;
     animation: an-snow 20s linear infinite;
}
 @-webkit-keyframes an-snow {
     100% {
         background-position: 500px 1000px, 300px 300px, -400px 400px;
    }
}
 @-moz-keyframes an-snow {
     100% {
         background-position: 500px 1000px, 300px 300px, -400px 400px;
    }
}
 @-o-keyframes an-snow {
     100% {
         background-position: 500px 1000px, 300px 300px, -400px 400px;
    }
}
 @keyframes an-snow {
     100% {
         background-position: 500px 1000px, 300px 300px, -400px 400px;
    }
}
 @media (min-width: 992px) {
     .snow:before {
         height: 200vh;
    }
}
 @media (min-width: 1200px) {
     .snow:before {
         height: 250vh;
    }
}
 img:not([src]):not([srcset]) {
     visibility: hidden;
}
 .text-primary {
     color: #EFA106 !important;
}
 .text-primary:hover {
     color: #dc9406 !important;
}
 .btn-primary {
     color: #fff;
     background-color: #EFA106;
     border-color: #EFA106;
}
 .btn-primary:hover {
     color: #fff;
     background-color: #dc9406;
     border-color: #c98705;
}
 .klac-flag {
     width: 15px;
     margin-right: 2px;
     border-radius: 2px;
}
 button:focus, button:active, button:hover {
     outline: none !important;
     box-shadow: none !important;
}
 #calendar-gouvernail {
     padding-bottom: 1.5rem;
}
 #calendar-gouvernail > .row {
     overflow: hidden;
}
 .gouvernail {
     position: relative;
     animation-name: spinout;
     animation-duration: 1s;
     padding: 0;
}
 .gouvernail span {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     font-size: 28px;
     font-weight: 600;
     color: white;
}
 .gouvernail span.alt {
     color: black;
}
 .gouvernail:hover {
     -webkit-animation:spin 2.5s linear infinite;
     -moz-animation:spin 2.5s linear infinite;
     animation:spin 2.5s linear infinite;
}
 .modal-standby {
     display: none;
}
 @keyframes spinout {
     from {
         transform: rotate(360deg);
    }
     to {
         transform: rotate(0deg);
    }
}
 @keyframes spin {
     100% {
         transform:rotate(360deg);
    }
}
 @media (min-width: 768px) {
     .gouvernail span {
         font-size: 42px;
    }
}
 @media (min-width: 1180px) {
     .gouvernail span {
         font-size: 72px;
    }
}

footer {
    position: relative;
    z-index: 1030;
}
.prez {
    position: relative;
    z-index: 1030;
}