.carousel{
  z-index: 1;
}
.carousel-item{
  height: 90vh;
}
.carousel-caption {
  width:50em;
  z-index:10;
  text-align:left !important;
  top:50vh;
  left:0;
  right: 0;
  margin: 0 auto;
  bottom:auto;
  -webkit-transform:translate(0, -50%);
  -ms-transform:translate(0, -50%);
  transform:translate(0, -50%);
}
.carousel-caption h5 {
  font-family:"DINNextLTPro-MediumCond" !important;
  font-size: 3em;
  display: inline-block;
  padding-left: 0.2em;
  padding-right: 0.2em;
  background-color: rgba(17, 17, 17, 0.6);
}
.carousel-caption p {
  font-family:"DINNextLTPro-Regular" !important;
  font-size: 1.5em;
  display: inline-block;
  padding-left: 0.2em;
  padding-right: 0.2em;
  background-color: rgba(17, 17, 17, 0.6);
}
.carouselBackgroundImage {
 height: inherit;
 width: inherit;
}
.persoPos1{
    height: 60vh;
    margin-right: 2em;
}

.serverInfo {
  height: 30vh;
  background-color: black;
  color: white;
  text-align: center;
  font-family: "DIN 1451 Mittelschrift";
}
.serverInfoStatsContainer{
  position: relative;
  left: 0;
  top: -16px;
  z-index: 1;
  display: flex !important;
  flex-direction: row;
}
.serverInfoStats {
  z-index: 2;
  width: calc(55% - (30vh + 37px) + 1vh);
  height: calc(30vh + 37px);
  background-color: var(--dark-blue);
}
.serverInfoStatsClip{
  z-index: 2;
  width: calc(30vh + 37px);
  height: calc(30vh + 37px);
  background-color: var(--dark-blue);
  clip-path: polygon(0 0, 0% 100%, 100% 0);
}

.serverInfoJoin{
  position: absolute;
  right: 0;
  top: 16px;
  z-index: 1;
  background-image: url("../images/backgrounds/blue-background.jpg");
  -webkit-box-shadow:inset 0px 0px 77px 1px #000000;
  -moz-box-shadow:inset 0px 0px 77px 1px #000000;
  box-shadow:inset 0px 0px 77px 1px #000000;
  height: calc(100% - (16px *2));
  width: calc(45% + (30vh + 16px));
}

.serverInfoStatsTitle{
  font-size: 3vh;
  margin-top: 2vh;
  margin-bottom: 5vh;
}
.serverStatsColumn{
  padding-right: 2vh;
}
.serverStatsIcon{
  font-size: 6vh;
}
.serverStatsNumber{
  font-size: 3vh;
}
.serverStatsDetail{
  margin-top: -2vh;
  font-size: 2vh;
}
.morePaddingRight{
  padding-right: 10vh;
}

.actualite{
  position: relative;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: 4vh;
  font-family: "DIN Next LT W01 Bold";
  font-size: 48px;
  width: 80vw;
}

.actualite-articleContainer{
  display: flex !important;
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
}
.actualite-articleContainer img{
  border-radius: 10px;
  width: 50vh;
}
.actualite-articleContainer h5{
  color: var(--main-blue);
  margin-bottom: -0.5vh;
  font-size: 2vh;
}
.actualite-articleContainer h1{
  font-size: 4vh;
}
.actualite-articleContainer p{
  font-size: 2vh;
}

.actualiteArticle{
  display: flex !important;
  flex-direction: column;
  width: 50vh;
}

.articleText{
  font-family:"DINNextLTPro-Regular" !important;
  font-size: 2vh;
}

.newsTopImage{
  height: 25vh;
  width: 100%;
  background-image: url("../../../api.rosewood-rp.net/upload/blue-background.jpg");
  -webkit-box-shadow:inset 0px 0px 77px 1px #000000;
  -moz-box-shadow:inset 0px 0px 77px 1px #000000;
  box-shadow:inset 0px 0px 77px 1px #000000;
}

.newsTopTex{
  color: white;
  width: 80vw;
}

@media screen and (max-width: 992px) {
  .persoPos1{
    display: none;
  }
  .carouselBackgroundImage {
    height: inherit;
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1024px) {
  .serverInfoStatsClip{
    display: none;
  }
  .serverInfoStatsContainer{
    flex-direction: column;
  }
  .serverInfoStats {
    width: 100%;
  }
  .serverInfoJoin {
    position: static;
    width: 100%;
  }
  .morePaddingRight{
    padding-right: 5vh;
  }
  .actualite{
    margin-top: 35vh;
    font-family: "DIN Next LT W01 Bold";
    font-size: 48px;
    width: 80vw;
  }
}