html, body{
      font-family:'Mulish', sans-serif;
    }


    .souris{
      margin-left: auto;
      margin-right: auto;
    }

    .video-js {
      font-size: 10px;
      color: #fff;
    }

    .vjs-default-skin .vjs-big-play-button {

      font-size: 3em;
      line-height: 1.5em;
      height: 1.5em;
      width: 3em;
      border: 0.06666em solid #fff;
      border-radius: 0.3em;
      left: 50%;
      top: 50%;
      margin-left: -1.5em;
      margin-top: -0.75em;
    }

    .video-js .vjs-control-bar,
    .video-js .vjs-big-play-button,
    .video-js .vjs-menu-button .vjs-menu-content {
      background-color: red;
      background-color: rgba(255, 0, 0, 0.7);
    }

    .video-js .vjs-slider {
      background-color: #ffa8a8;
      background-color: rgba(255, 168, 168, 0.5);
    }

    .video-js .vjs-volume-level,
    .video-js .vjs-play-progress,
    .video-js .vjs-slider-bar {
      background: #fff;
    }

    .video-js .vjs-load-progress {
      background: white;
      background: rgba(255, 168, 168, 0.5);
    }

    .video-js .vjs-load-progress div {
      background: white;
      background: rgba(255, 168, 168, 0.75);
    }

    .padding-lr20{
      padding-left:20px;
      padding-right:20px;
    }

    .padding-b20{
      padding-bottom:20px;
    }

    .width200{
       width:200%;
    }

    .width100{
      width: 100%;
    }

    .home-content-container-intro, .home-content-container-global{
      position:absolute;
      top:0;
      height:100vh;
    }

    .bg-image{
       background-size:cover;
       background-position:center center;
       background-repeat:no-repeat;
       height:100vh;
    }

    .goalContainer{
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr 1fr;
      gap :4vw;
      box-sizing: border-box;
      width: 100%;
    }

    .goalDetails{
      width: 30vh;
      font-weight: 300;
      border-radius: 8px;
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      color:white;
      margin-left: auto;
      padding: 1vw;
      margin-right: auto;
      background-color:white;
    }

    .goalDetails i{
	color:black;
	font-size:3rem;
    }
    
    .goalDetails i.green{
	color:#00843e;
    }

    .goalDetails i.red{
	color:red;
    }

    .goalDetails > .numbers{
      font-size: 36px;
      color:black;
    }

    .goalDetails > .numbers > img{
      width: 20px;
      height: auto;
    }

    .goalDetails .legend{
      color:#00843e;
    }
    
    .calltoaction > .ournews{
      display: flex;
      flex-direction: row;
      justify-content: space-around;
    }

    .calltoaction > .ournews > *{
      Width:25%;
      background: rgba(0,0,0,0.4);
      box-shadow: 0 .5vmin 1vmin rgba(0, 0, 0, .4);
    }

    .overlayWhite7{
      background-color:rgba(255, 255, 255, 0.7);
    }

    .overlayRed7{
      background-color:rgba(217, 39, 46, 0.65);
    }

    .verre_0-2{
      background: rgba(255, 255, 255, 0.2);
      border: .1vmin solid rgba(219, 219, 219, 0.1);
      border-radius:8px;
      overflow: hidden;
      box-shadow: 0 .5vmin 1vmin rgba(0, 0, 0, .4);
      position: relative;
    }



    .home-about > *{
      position:relative;
    }

    .verre_0-2::before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      filter: blur(4.5vmin);
      margin: -5vmin;
    }

    .title h2 {
      margin:0;
      padding:25px;
    }

    .video-container{
      display:flex;
      justify-content:center;
    }

    .text-container{
      position: relative;
      background-color: rgba(255, 255, 255, 0.5);
      padding: 24px;
    }

    .text-container p{
      margin:0;
    }

     a.button-out-container {
    	display: flex;
    	justify-content: center;
    }

     a.button-out-container {
      display:block;
      padding: 1rem 3rem;
      border: none;
      border-left: 1px solid rgba(255,255,255,0.3);
      border-top: 1px solid rgba(255,255,255,0.3);
      border-radius: 8px;
      backdrop-filter: blur(5px);
      box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.2);
      color: #151515;
      font-weight: 500;
      transition: all 0.2s ease-in-out;
      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
      text-decoration:none;
    }

    a.button-out-container.btn-green {
      background-color: #00843e:important;
    }

    .centerflex{
      display:flex;
      flex-direction:column;
      justify-content:center;
    }

    .verticalcenter{
      width:85%;
      max-width: 590px;
      align-self:center;
    }

    .textwhite{
      color:white;
    }

    .content-container{
      width: 80%;
      margin-left:auto;
      margin-right: auto;
      background:rgba(255,255,255,0.8);
      border-radius:8px;
    }

    .grid-content{
      display: flex;

    }

    @media (min-width:1440px) {
      .padding-lr80{
        padding-left:80px;
        padding-right:80px;
      }

      .padding-t10{
        padding-top:10px;
      }
    }
    @media (max-width:1440px) {
      .normal-text{
          font-weight:300;
          font-size:0.95rem;
      }
      .padding-lr80{
        padding-left:70px;
        padding-right:70px;
      }

      .padding-t10{
        padding-top:10px;
      }
      .goalDetails > .numbers{
        font-size: 32px;
      }
    }

    @media (max-width:1000px) {
      .width200{
         width:100%;
      }
      .normal-text{
          font-weight:300;
          font-size:0.85rem;
      }
      .padding-lr80{
        padding-left:60px;
        padding-right:60px;
      }
      .padding-t10{
        padding-top:5px;
      }
      .home-content-container-global{
        height: 100%;
      }
      .home-about{
        margin-top:80px;
      }
      .about-picture-container{
        height: 30% !important;
      }
      .about-picture-container > .ms-tableCell{
        height: 100% !important;
      }
      .about-picture-container .bg-image{
        height: 100%;
      }
      .goalDetails > .numbers{
        font-size: 28px;
      }
    }
    @media (max-width:765px) {
      .normal-text{
          font-weight:300;
          font-size:1rem;
      }
      .grid-content{
        flex-direction: column;
      }
      a.button-out-container{
        text-align: center;
        margin-top: 18px;
      }
      .bg-butterfly-rb{
        background-position: right bottom;
      }
      .about .ms-tableCell{
        height: auto!important;
      }
      .home-about{
        margin-top:40px;
      }
      .goalContainer{
        display: flex;
        flex-direction:column;
      }
      .goalDetails > .numbers{
        font-size: 35px;
      }

    }
    @media (max-width:465px) {
      .normal-text{
          font-weight:300;
          font-size:0.77rem;
      }
      .calltoaction > .ournews{
        display: flex;
        flex-direction: column;
        justify-content: space-around;
      }
      .calltoaction > .ournews > *{
        Width:80%;
        margin-left: auto;
        margin-right: auto;
      }
    }