.mobile,
.tablet {
  display: none;
}
.desktop {
  display: block;
}
.float {
  position: relative;
  float: left;
  width: 100%;
}
.button {
    position: fixed;
    bottom: 15%;
    width: 350px;
    text-align: center;
    left: calc(50% - 175px);
}
#mainContent {
  /*position: absolute;
      top: calc(110px + 10%);
      width: 80%;
      max-height: 1280px;
      left: 10%;
      max-height: auto;
      align-items: center;
      font-family: Arial;
      padding: 20px 0;*/

  text-align: center;
  color: white;
  text-shadow: 0 0 10px black;
  background: radial-gradient(black, transparent, transparent);
  position: fixed;
  top: 0px;
  left: 40px;
  padding: 20px 0;
  z-index: 9999999;
}
#mainLeft {
  float: left;
  width: 33.3%;
  text-align: center;
}
#mainLeft img {
  max-height: 250px;
  -webkit-filter: drop-shadow(0px 0px 5px #fff);
  filter: drop-shadow(0px 0px 5px #fff);
  transition: 0.5s;

  /*border: solid white 1px;
	  border-radius: 10px;
	  background: rgba(0, 0, 0, 0.5);
	  padding: 10px;*/
}
#mainLeft img:hover {
  transform: scale(1.1);
}
#mainCenter {
  /*float: left;
      width: 33.3%;
      text-align: center;
      color: white;
      text-shadow: 0 0 10px black;
      background: radial-gradient(black, transparent, transparent);*/

  float: left;
  width: 100%;
  text-align: center;
  color: black;
  text-shadow: 0 0 10px white;
  background: radial-gradient(black, transparent, transparent);
}
#mainCenter p {
  /*line-height: 20px;
	  display: inline-block;
	  border: solid white 1px;
	  border-radius: 10px;
	  padding: 10px;
	  background: rgba(0, 0, 0, 0.5);
	  box-shadow: 0 0 10px black;*/

  line-height: 20px;
  display: inline-block;
  border: solid white 1px;
  border-radius: 10px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 10px black;
  font-weight: bold;
}
#mainCenter p span {
  /*background: rgba(0, 0, 0, 0.3);*/
  padding: 5px;
}
#mainCenter hr {
  max-width: 200px;
}
#mainCenter img.picto {
  height: 20px;
  vertical-align: text-bottom;
  filter: invert(1);
}
#mainCenter img.logoHome {
  width: 150px;
  margin: 10px auto;
}
#mainRight {
  float: left;
  width: 33.3%;
  text-align: center;
  -webkit-filter: drop-shadow(0px 0px 5px #000);
  filter: drop-shadow(0px 0px 5px #000);
}
#mainRight img {
  height: auto;
  max-height: 250px;
  opacity: 0.8;
  transition: 0.5s;
  background: rgba(0, 0, 0, 0.5);
  border: solid white 1px;
  border-radius: 10px;
  padding: 10px;
}
#mainRight img:hover {
  opacity: 1;
  transform: scale(1.1);
}

/*********** BOUTON ***********/
a#buttonLink {
  position: relative;
  float: none;
  margin: 0 auto;
  max-width: 600px;
  transform: translate(-50%, -50%);
  padding: 20px 30px;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 3px;
  font-size: 24px;
  overflow: hidden;
  transition: 0.5s;
  background: rgba(0, 0, 0, 0.5);
}

a#buttonLink:hover {
  font-size: 26px;
  background: rgba(0, 0, 0, 0.3);
}

a#buttonLink::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  bottom: 2px;
  width: 50%;
  /*background:rgba(255,255,255,0.05);*/
}
a#buttonLink span:nth-child(1) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(
    to right,
    transparent,
    #25abae,
    #1779ff,
    transparent
  );
  /*background:linear-gradient(to right, transparent, #9c0df2, transparent);*/
  animation: animate1 2s linear infinite;
  animation-delay: 0s;
}
@keyframes animate1 {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
a#buttonLink span:nth-child(2) {
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(to bottom, transparent, green, transparent);
  animation: animate2 2s linear infinite;
  animation-delay: 0s;
}
@keyframes animate2 {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(100%);
  }
}
a#buttonLink span:nth-child(3) {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(to left, transparent, #9c0df2, red, transparent);
  /*background:linear-gradient(to left, transparent, #1779ff, transparent);*/
  animation: animate3 1.5s linear infinite;
  animation-delay: 0s;
}
@keyframes animate3 {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
a#buttonLink span:nth-child(4) {
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(to top, transparent, orange, transparent);
  animation: animate4 1.5s linear infinite;
  animation-delay: 0s;
}
@keyframes animate4 {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(-100%);
  }
}
/*********** /BOUTON ***********/

@media screen and (max-width: 992px) {
  #mainRight,
  footer {
    display: none;
  }
  #mainLeft,
  #mainCenter {
    width: 50%;
  }
  .mobile,
  .tablet {
    display: block;
  }
  .desktop {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  body {
    background: none;
    background-color: #000;
  }
  a#buttonLink {
    background: none;
  }
  #mainLeft,
  #mainCenter {
    width: 100%;
  }
  #mainContent {
    top: calc(20%);
    width: 100%;
    left: 0;
  }
  #mainLeft img {
    max-height: 100px;
  }
  #mainLeft {
    margin-top: 10px;
  }
  #mainCenter {
    margin-top: 10px;
    color: white;
    text-shadow: none;
    font-family: Arial;
    font-weight: normal;
  }
  #mainCenter img {
    width: 80px;
  }
  .button {
    bottom: 7%;
    width: 80%;
    left: 10%;
  }
  a#buttonLink {
    font-size: 14px;
    font-weight: bold;
  }
  .mobile a {
    text-decoration: none;
    /* border: solid white 1px; */
    border-radius: 10px;
    padding: 20px;
    color: white;
    font-weight: bold;
    box-shadow: 0 0 5px black;
    background: #000;
    border: solid 1px white;
  }
  br {
  }
  #mainCenter img.picto {
    height: 20px;
    vertical-align: text-bottom;
    filter: invert(0);
    padding: 0;
    margin: 0;
    width: auto;
  }
  #mainCenter img.logoHome.mobile {
    width: 100px;
    margin: 0 auto;
  }
  #mainCenter p {
    width: 80%;
    border: none;
    background: #333;
    border: solid 1px white;
  }
}