@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,600" rel="stylesheet');
   /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
        body{
           font-family:'Oswald';
           margin:0;
           padding:0;
        }
        p{
           font-family:'Oswald';
        }
        .nav{
            width:auto;
            max-width:70%;
            min-width: 60%;
            padding: 20px 0;
            margin: auto;
        }
        .nav .wrap{
            display:flex;
            width:100%;
            justify-content: center;
        }
        .nav .logo{
            position: relative;
        }
        .nav .logo img {
            width:80%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }
        .nav .bar{
            margin:auto;
            width:100%;
        }
        .nav .menu{
            position: relative;
        }
        .nav .menu .content{
            position:absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            width:100%;
        }
        .nav .menu .wrap{
            width:95%;
            margin:auto;
        }
        .nav .menu .bar ul{
            display:flex;
            list-style-type: none;
            width:100%;
            margin:auto;
            padding:0;
        }
        .nav .menu .bar ul li {
            text-decoration:none;
            flex: 1;
        }
        .nav .menu .bar a {
            color:#fff;
            text-transform: uppercase;
            margin:auto;
            text-decoration: none;
            font-size:17px;
            font-weight: lighter;
            transition: all .5s ease;
        }
        .nav .menu .bar a:hover{
            color:red;
        }
        .nav .separateur {
            position: relative;
            width:6.67%;
        }
        .nav .separateur .wrap{
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }
        .nav .separateur #separateur{
            content: "";
            position:absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            width:2px !important;
            border-radius:50%;
            height:20px;
            background-color:white;
        }
        .nav .social{
            position: relative;
        }
        .nav .social .content{
            width:100%;
        }
        .nav .social .wrap{
            width:fit-content;
            width:-o-fit-content;
            width:-moz-fit-content;
            width:-webkit-fit-content;
            margin:auto;
        }
        .nav .social ul {
            width:100%;
            padding:0;
            text-align:center;
            display: flex;
        }
        .nav .social ul svg{
            font-size:23px;
            display: flex;
            align-items: center;
            margin:auto 10px;
            transition:all .5s ease;
        }
        .nav .social ul a:hover svg{
            color:red;
        }
        .nav .social ul a {
            color:white;
            text-decoration: none;
        }
        .nav .connexion {

        }
        .nav .connexion a {
            width:fit-content;
            width: -moz-fit-content;
            display: flex;
            margin:auto;
            color:white;
            text-decoration: none;
            font-weight: lighter;
            font-size: 17px;
            transition: all .5s ease;
            white-space: nowrap;
        }
        .nav .connexion a:hover{
            color:red;
        }
        .nav .connexion .icon{
           align-self: center;
           margin-right:10px;
        }
        .nav .connexion .icon svg{
            font-size:23px;
        }
        .menu_mobile{
            display: none;
        }

    }

    /* Medium Devices, Desktops */
    @media (min-width : 992px) and (max-width: 1199px){
      body{
         font-family:'Oswald';
         margin:0;
         padding:0;
      }
      p{
         font-family:'Oswald';
      }
      .nav{
          width:auto;
          max-width:80%;
          min-width: 60%;
          padding: 20px 0;
          margin: auto;
      }
      .nav .wrap{
          display:flex;
          width:100%;
          justify-content: center;
      }
      .nav .logo{
          position: relative;
      }
      .nav .logo img {
          width:80%;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%,-50%);
      }
      .nav .bar{
          margin:auto;
          width:100%;
      }
      .nav .menu{
          position: relative;
      }
      .nav .menu .content{
          position:absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%,-50%);
          width:100%;
      }
      .nav .menu .wrap{
          width:95%;
          margin:auto;
      }
      .nav .menu .bar ul{
          display:flex;
          list-style-type: none;
          width:100%;
          margin:auto;
          padding:0;
      }
      .nav .menu .bar ul li {
          text-decoration:none;
          flex: 1;
      }
      .nav .menu .bar a {
          color:#fff;
          text-transform: uppercase;
          margin:auto;
          text-decoration: none;
          font-size:17px;
          font-weight: lighter;
          transition: all .5s ease;
      }
      .nav .menu .bar a:hover{
          color:red;
      }
      .nav .separateur {
          position: relative;
          width:6.67%;
      }
      .nav .separateur .wrap{
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%,-50%);
      }
      .nav .separateur #separateur{
          content: "";
          position:absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%,-50%);
          width:2px !important;
          border-radius:50%;
          height:20px;
          background-color:white;
      }
      .nav .social{
          position: relative;
      }
      .nav .social .content{
          width:100%;
      }
      .nav .social .wrap{
          width:fit-content;
          width:-o-fit-content;
          width:-moz-fit-content;
          width:-webkit-fit-content;
          margin:auto;
      }
      .nav .social ul {
          width:100%;
          padding:0;
          text-align:center;
          display: flex;
      }
      .nav .social ul svg{
          font-size:23px;
          display: flex;
          align-items: center;
          margin:auto 10px;
          transition:all .5s ease;
      }
      .nav .social ul a:hover svg{
          color:red;
      }
      .nav .social ul a {
          color:white;
          text-decoration: none;
      }
      .nav .connexion {

      }
      .nav .connexion a {
          width:fit-content;
          width: -moz-fit-content;
          display: flex;
          margin:auto;
          color:white;
          text-decoration: none;
          font-weight: lighter;
          font-size: 17px;
          transition: all .5s ease;
          white-space: nowrap;
      }
      .nav .connexion a:hover{
          color:red;
      }
      .nav .connexion .icon{
         align-self: center;
         margin-right:10px;
      }
      .nav .connexion .icon svg{
          font-size:23px;
      }
      .menu_mobile{
          display: none;
      }
    }

    /* Small Devices, Tablets */
     @media (min-width : 768px) and (max-width: 991px){
        body{
           font-family:'Oswald';
           margin:0;
           padding:0;
        }
        .menu_mobile{
            width:100%;
            background-color:rgba(0,0,0,1);
            padding:20px 0;
            position:fixed;
            z-index:1000;
            top: 0%;
        }
        .menu_mobile .wrap{
             height:50px;
             z-index:1000;
        }
        .menu_mobile_show{
            display:none;
            position:fixed;
            padding:0;
            background-color:rgba(0, 0, 0, 0.9);
            height:calc(100vh - 70px);
            width:100%;
        }
        .menu_mobile_show .content{
            width:100%;
            height:100%;
        }
        .menu_mobile_show .wrap{
            height:100%;
            width:100%;
            position:relative;
        }
        .menu_mobile_show ul{
            list-style-type: none;
            text-align:center;
            color:white;
            margin:auto;
            height:fit-content;
            padding:0;
            position:absolute;
            top:50%;
            left:50%;
            transform: translate(-50%,-50%);
        }
        .menu_mobile_show a{
            color:white;
            text-decoration: none;
            font-size:50px;
        }
        .menu_mobile .wrap{
            display:flex;
            position:relative;
        }
        .menu_mobile .icon{
            position:relative;
            margin-left:20px;
            width: 15%;
            text-align: center;
        }
        .menu_mobile .icon svg{
            font-size:50px;
            text-align:center;
            position:absolute;
            top:50%;
            left:50%;
            transform:translate(-50%,-50%);
            color:white;
            margin: auto;
        }
        .menu_mobile .logo{
            text-align:center;
            position:absolute;
            top: 50%;
            left: 50%;
            transform:translate(-50%,-50%);
        }

        .menu_mobile .logo img{
            width:20%;
            margin:auto;
        }
        .menu_mobile_show .social ul{
            display:flex;
            margin:auto;
            position:relative;
            transform: none;
            top:0;
            left:0;
            width:100%;
            margin:50px 0;
        }
        .menu_mobile_show .social a {
            margin:auto;
        }
        .menu_mobile .icon_member {
            position: absolute;
            right:0;
            top: 50%;
            transform: translate(0,-50%);
            margin-right:10px;
        }
        .menu_mobile .icon_member svg{
            font-size:50px;
            text-align:center;
            color:white;
        }
        .nav {
            display:none;
        }
        p{
           font-family:'Oswald';
        }
        .nav{
            width:auto;
            max-width:80%;
            padding: 20px 0;
            margin: auto;
        }
        .nav .wrap{
            display:flex;
            width:100%;
        }
        .nav .logo{
            position: relative;
        }
        .nav .logo img {
            width:80%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }
        .nav .bar{
            margin:auto;
            width:100%;
        }
        .nav .menu{
            position: relative;
        }
        .nav .menu .content{
            position:absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            width:100%;
        }
        .nav .menu .wrap{
            width:95%;
            margin:auto;
        }
        .nav .menu .bar ul{
            display:flex;
            list-style-type: none;
            width:100%;
            margin:auto;
            padding:0;
        }
        .nav .menu .bar ul li {
            text-decoration:none;
        }
        .nav .menu .bar a {
            color:#fff;
            text-transform: uppercase;
            margin:auto;
            text-decoration: none;
            font-size:17px;
            font-weight: lighter;
            transition: all .5s ease;
        }
        .nav .menu .bar a:hover{
            color:red;
        }
        .nav .separateur {
            position: relative;
            width:6.67%;
        }
        .nav .separateur .wrap{
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }
        .nav .separateur #separateur{
            content: "";
            position:absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            width:2px !important;
            border-radius:50%;
            height:20px;
            background-color:white;
        }
        .nav .social{
            position: relative;
            width:12%;
        }
        .nav .social .content{
            position:absolute;
            top:50%;
            left:50%;
            transform: translate(-50%,-50%);
            width: 100%;
        }
        .nav .social ul {
            width:100%;
            padding:0;
            text-align:center;
        }
        .nav .social ul svg{
            font-size:23px;
            margin:auto 5px;
            transition:all .5s ease;
        }
        .nav .social ul a:hover svg{
            color:red;
        }
        .nav .social ul a {
            color:white;
            text-decoration: none;
        }
        .nav .connexion {

        }
        .nav .connexion a {
            width:fit-content;
            width: -moz-fit-content;
            display: flex;
            margin:auto;
            color:white;
            text-decoration: none;
            font-weight: lighter;
            font-size: 17px;
            transition: all .5s ease;
            white-space: nowrap;
        }
        .nav .connexion a:hover{
            color:red;
        }
        .nav .connexion .icon{
           align-self: center;
           margin-right:10px;
        }
        .nav .connexion .icon svg{
            font-size:23px;
        }
    }

    /* Extra Small Devices, Phones */
    @media (min-width : 480px) and (max-width: 767px){
        body{
           font-family:'Oswald';
           margin:0;
           padding:0;
        }
        .menu_mobile{
            width:100%;
            background-color:rgba(0,0,0,1);
            padding:20px 0;
            position:fixed;
            z-index:1000;
            top: 0%;
        }
        .menu_mobile .wrap{
             height:50px;
             z-index:1000;
        }
        .menu_mobile_show{
            display:none;
            position:fixed;
            padding:0;
            background-color:rgba(0, 0, 0, 0.9);
            height:calc(100vh - 70px);
            width:100%;
        }
        .menu_mobile_show .content{
            width:100%;
            height:100%;
        }
        .menu_mobile_show .wrap{
            height:100%;
            width:100%;
            position:relative;
        }
        .menu_mobile_show ul{
            list-style-type: none;
            text-align:center;
            color:white;
            margin:auto;
            height:fit-content;
            padding:0;
            position:absolute;
            top:50%;
            left:50%;
            transform: translate(-50%,-50%);
        }
        .menu_mobile_show a{
            color:white;
            text-decoration: none;
            font-size:30px;
        }
        .menu_mobile .wrap{
            display:flex;
            position:relative;
        }
        .menu_mobile .icon{
            position:relative;
            width: 15%;
            text-align: center;
        }
        .menu_mobile .icon svg{
            font-size:30px;
            text-align:center;
            position:absolute;
            top:50%;
            left:50%;
            transform:translate(-50%,-50%);
            color:white;
            margin: auto;
        }
        .menu_mobile .logo{
            text-align:center;
            position:absolute;
            top: 50%;
            left: 50%;
            transform:translate(-50%,-50%);
        }

        .menu_mobile .logo img{
            width:20%;
            margin:auto;
        }
        .menu_mobile_show .social ul{
            display:flex;
            margin:auto;
            position:relative;
            transform: none;
            top:0;
            left:0;
            width:100%;
            margin:50px 0;
        }
        .menu_mobile_show .social a {
            margin:auto;
        }
        .menu_mobile .icon_member {
            position: absolute;
            right:0;
            top: 50%;
            transform: translate(0,-50%);
        }
        .menu_mobile .icon_member svg{
            font-size:30px;
            text-align:center;
            color:white;
        }
        p{
           font-family:'Oswald';
        }
        .nav{
            width:auto;
            max-width:80%;
            padding: 20px 0;
            margin: auto;
            display: none;
        }
        .nav .wrap{
            display:flex;
            width:100%;
        }
        .nav .logo{
            position: relative;
        }
        .nav .logo img {
            width:80%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }
        .nav .bar{
            margin:auto;
            width:100%;
        }
        .nav .menu{
            position: relative;
        }
        .nav .menu .content{
            position:absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            width:100%;
        }
        .nav .menu .wrap{
            width:95%;
            margin:auto;
        }
        .nav .menu .bar ul{
            display:flex;
            list-style-type: none;
            width:100%;
            margin:auto;
            padding:0;
        }
        .nav .menu .bar ul li {
            text-decoration:none;
        }
        .nav .menu .bar a {
            color:#fff;
            text-transform: uppercase;
            margin:auto;
            text-decoration: none;
            font-size:17px;
            font-weight: lighter;
            transition: all .5s ease;
        }
        .nav .menu .bar a:hover{
            color:red;
        }
        .nav .separateur {
            position: relative;
            width:6.67%;
        }
        .nav .separateur .wrap{
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }
        .nav .separateur #separateur{
            content: "";
            position:absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            width:2px !important;
            border-radius:50%;
            height:20px;
            background-color:white;
        }
        .nav .social{
            position: relative;
            width:12%;
        }
        .nav .social .content{
            position:absolute;
            top:50%;
            left:50%;
            transform: translate(-50%,-50%);
            width: 100%;
        }
        .nav .social ul {
            width:100%;
            padding:0;
            text-align:center;
        }
        .nav .social ul svg{
            font-size:23px;
            margin:auto 5px;
            transition:all .5s ease;
        }
        .nav .social ul a:hover svg{
            color:red;
        }
        .nav .social ul a {
            color:white;
            text-decoration: none;
        }
        .nav .connexion {

        }
        .nav .connexion a {
            width:fit-content;
            width: -moz-fit-content;
            display: flex;
            margin:auto;
            color:white;
            text-decoration: none;
            font-weight: lighter;
            font-size: 17px;
            transition: all .5s ease;
            white-space: nowrap;
        }
        .nav .connexion a:hover{
            color:red;
        }
        .nav .connexion .icon{
           align-self: center;
           margin-right:10px;
        }
        .nav .connexion .icon svg{
            font-size:23px;
        }
    }

    /* Custom, iPhone Retina */
    @media (min-width : 320px) and (max-width: 479px) {
        body{
           font-family:'Oswald';
           margin:0;
           padding:0;
           width:100vw;
        }
        .s1 .nav {
            display: none;
        }
        .menu_mobile{
            width:100vw;
            background-color:rgba(0,0,0,1);
            padding:20px 0;
            position:fixed;
            z-index:1000;
            top: 0%;
        }
        .menu_mobile .wrap{
             height:20px;
             z-index:1000;
        }
        .menu_mobile_show{
            display:none;
            position:fixed;
            padding:0;
            background-color:rgba(0, 0, 0, 0.9);
            height:100vh;
            width:100vw;
        }
        .menu_mobile_show .content{
            width:100%;
            height:100%;
        }
        .menu_mobile_show .wrap{
            height:100%;
            width:100%;
            position:relative;
        }
        .menu_mobile_show ul{
            list-style-type: none;
            text-align:center;
            color:white;
            margin:auto;
            height:fit-content;
            padding:0;
            position:absolute;
            top:50%;
            left:50%;
            transform: translate(-50%,-50%);
        }
        .menu_mobile_show a{
            color:white;
            text-decoration: none;
            font-size:30px;
        }
        .menu_mobile .wrap{
            display:flex;
            position:relative;
        }
        .menu_mobile .icon{
            position:relative;
            width: 15%;
            text-align: center;
        }
        .menu_mobile .icon svg{
            font-size:22px;
            text-align:center;
            position:absolute;
            top:50%;
            left:50%;
            transform:translate(-50%,-50%);
            color:white;
            margin: auto;
        }
        .menu_mobile .logo{
            text-align:center;
            position:absolute;
            top: 50%;
            left: 50%;
            transform:translate(-50%,-50%);
        }

        .menu_mobile .logo img{
            width:20%;
            margin:auto;
        }
        .menu_mobile_show .social ul{
            display:flex;
            margin:auto;
            position:relative;
            transform: none;
            top:0;
            left:0;
            width:100%;
            margin:50px 0;
        }
        .menu_mobile_show .social a {
            margin:auto;
        }
        .menu_mobile .icon_member {
            position: absolute;
            right:0;
            top: 50%;
            transform: translate(0,-50%);
        }
        .menu_mobile .icon_member svg{
            font-size:22px;
            text-align:center;
            color:white;
            margin-right:30px;
        }
        p{
           font-family:'Oswald';
        }
        .nav{
            width:auto;
            max-width:80%;
            padding: 20px 0;
            margin: auto;
        }
        .nav .wrap{
            display:flex;
            width:100%;
        }
        .nav .logo{
            position: relative;
        }
        .nav .logo img {
            width:80%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }
        .nav .bar{
            margin:auto;
            width:100%;
        }
        .nav .menu{
            position: relative;
        }
        .nav .menu .content{
            position:absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            width:100%;
        }
        .nav .menu .wrap{
            width:95%;
            margin:auto;
        }
        .nav .menu .bar ul{
            display:flex;
            list-style-type: none;
            width:100%;
            margin:auto;
            padding:0;
        }
        .nav .menu .bar ul li {
            text-decoration:none;
        }
        .nav .menu .bar a {
            color:#fff;
            text-transform: uppercase;
            margin:auto;
            text-decoration: none;
            font-size:17px;
            font-weight: lighter;
            transition: all .5s ease;
        }
        .nav .menu .bar a:hover{
            color:red;
        }
        .nav .separateur {
            position: relative;
            width:6.67%;
        }
        .nav .separateur .wrap{
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }
        .nav .separateur #separateur{
            content: "";
            position:absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            width:2px !important;
            border-radius:50%;
            height:20px;
            background-color:white;
        }
        .nav .social{
            position: relative;
            width:12%;
        }
        .nav .social .content{
            position:absolute;
            top:50%;
            left:50%;
            transform: translate(-50%,-50%);
            width: 100%;
        }
        .nav .social ul {
            width:100%;
            padding:0;
            text-align:center;
        }
        .nav .social ul svg{
            font-size:23px;
            margin:auto 5px;
            transition:all .5s ease;
        }
        .nav .social ul a:hover svg{
            color:red;
        }
        .nav .social ul a {
            color:white;
            text-decoration: none;
        }
        .nav .connexion {

        }
        .nav .connexion a {
            width:fit-content;
            width: -moz-fit-content;
            display: flex;
            margin:auto;
            color:white;
            text-decoration: none;
            font-weight: lighter;
            font-size: 17px;
            transition: all .5s ease;
            white-space: nowrap;
        }
        .nav .connexion a:hover{
            color:red;
        }
        .nav .connexion .icon{
           align-self: center;
           margin-right:10px;
        }
        .nav .connexion .icon svg{
            font-size:23px;
        }
    }