.bloc-video {
  position: relative;
  height: 100vh;
}
@media screen and (orientation:portrait) {
  .bloc-video {
    height: 50vh;
  }
}

.bloc-video video {
  width: 100%;
  height: auto;
  object-fit: cover;
  z-index: -1;
  position:absolute;
  height: 100vh;
}
@media screen and (orientation:portrait) {
  .bloc-video {
    height: 50vh;
  }
  .bloc-video video {
    height: 50vh;
  }
}

.bloc-video .content-video {
  flex-direction: column;
  color: #ffffff;
  margin-top: 80px;
  font-size: 62px;
}

.bloc-video .content-video .content-text, .content-button {
  display: flex;
  justify-content: center;
}

.bloc-video .content-video .content-button {
  margin-top: 50px;
}

.bloc-video .content-video .content-button button {
  cursor: pointer;
  padding: 10px;
  width: 200px;
  height: 60px;
  font-size: 16px;
  font-family: cursive;
  background: none;
  color: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 5px;
  text-transform: uppercase;
}

.bloc-video .content-video .content-button button:hover {
  transition: all .75s ease-in-out;
  background-color: #ffffff;
  color: #000000;
  transform: rotateX(360deg);
}

.bloc-video .topleft {
  position:absolute;
  left:0;
  top:0;
  height: auto;
  width: 20vw;
}
.bloc-video .bottomright {
  position:absolute;
  right:0;
  bottom:0;
  height: auto;
  width: 20vw;
}

.bloc-video .rrss {
  display:flex;
  background-color: var(--blanco);
  border-radius: 2rem;
  box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
  left:50%;bottom:0;
  margin-bottom: calc(4rem - 2vh);
  margin-bottom: -moz-calc(4rem - 2vh);
  margin-bottom: -webkit-calc(4rem - 2vh);
  padding: .5rem .5rem;
  position:absolute;
  transform:translate(-50%,0%);
  -ms-transform:translate(-50%,0%);
  line-height:0rem;
}

.bloc-video .rrss img {
  padding: .5rem;
  height: 3rem;
  width: 3rem;
}