html, body {
   height: 100%; margin: 0; padding: 0;
}
body {
   background-color: #000; font-family: "Lato", sans-serif; font-size: 18px; line-height: 1.2; text-align: center;
}

body * {
   box-sizing: border-box;
}

.splash-container {
   display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; flex-direction: row; height: 100%;
}

.btn {
   display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column; padding: 0 0 50px 0; color: #fff;
   height: 100%; width: 50%; background-size: cover; position: relative; overflow: hidden; text-decoration: none;
}
.btn::before {
   content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1;
}
.btn.actisports::before {
   background-color: rgba(13,73,101,0.7);
}
.btn.lab::before {
   background-color: rgba(0,0,0,0.6);
}


.logo {
   text-align: center; width: 100%; padding: 10px 20px 10px 20px; min-height: 250px; position: relative; z-index: 2; margin-bottom: 10vh;
   display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: row;
}
.logo img {
   display: inline-block; margin: 0 auto; filter: grayscale(1) brightness(1000%) contrast(1000%); max-width: 100%; height: auto; width: auto; position: relative; z-index: 2;
}
.actisports .logo img {
   max-height: 100px;
}
.lab .logo img {
   max-height: 220px; margin-bottom: 15px;
}

.img {
   position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; z-index: -1; filter: grayscale(1);
}

.texte {
   position: absolute; z-index: 2; padding: 0 5vw 50px 5vw; bottom: 0; left: 0;
}
.texte p {
   margin-bottom: 20px;
}

.btn-small {
   display: inline-flex; justify-content: center; min-width: 175px; font-weight: 700; border-radius: 500px; text-decoration: none;
   padding: 15px 30px; background-color: #fff; color: #000; border: 1px solid #fff;
}
.btn.actisports .btn-small {
   color: rgb(13,73,101);
}


/* Hover */

.btn:hover {
   cursor: pointer;
}
.btn:hover::before {
   display: none;
}
.btn:hover .logo {
   background-color: white; 
}
.btn:hover .logo img, .btn:hover img {
   filter: none;
}
.btn:hover .btn-small {
   background-color: #006a48; color: #fff;
}
.btn.actisports:hover .btn-small {
   background-color: #da6027; color: #fff;
}


/* Mobile */

@media (max-width: 992px) {
   .lab .logo img {
      max-height: 170px;
   }
}
@media (max-width: 768px) {
   .lab .logo img {
      max-height: 140px;
   }
}
@media (max-width: 600px) {
   .btn {
       width: 100%; height: auto; min-height: 50vh;
   }
   .logo {
      min-height: 150px;
   }
   .actisports .logo img {
      max-height: 55px;
   }
   .lab .logo img {
      max-height: 100px;
   }
   .texte {
      padding-bottom: 25px; font-size: 16px;
   }
}