body,
html {
 width:100%;
 height:100%
}


body {
 font-family:'Source Sans Pro'
}

.btn-xl {
 padding:1.25rem 2.5rem
}

.content-section {
 padding-top:7.5rem;
 
}

/* modifier la taille de la police des titres h2 */
.content-section-heading h2 {
  font-size:4rem;
  font-family: 'marksmanmedium';
  text-transform:uppercase;
}


h3{
  font-family: 'Source Sans Pro';
  font-weight: 700;
  font-size: 1.5rem;
}

h4{
  font-family: 'marksmanmedium';
  font-size: 2rem;
  text-transform:uppercase;
}

.text-faded {
 color:rgba(255,255,255,.7)
}


.scroll-to-top {
 position:fixed;
 right:15px;
 bottom:15px;
 display:none;
 width:50px;
 height:50px;
 text-align:center;
 color:#fff;
 background:#21e8e1;
 line-height:45px
}

.scroll-to-top:focus,
.scroll-to-top:hover {
 color:#fff
}

.scroll-to-top:hover {
 background:#343a40
}

.scroll-to-top i {
 font-weight:800
}



@media (max-width:992px) {

 .content-section-heading h2 {
  font-size:2.5rem;
  font-family: 'marksmanmedium';
  text-transform:uppercase;
  margin-bottom: 1.5rem !important;
}

.content-section {
  padding-top:3.5rem;
}




}

#sidebar-wrapper {
 position:fixed;
 z-index:2;
 right:0;
 width:250px;
 height:100%;
 -webkit-transition:all .4s ease 0s;
 transition:all .4s ease 0s;
 -webkit-transform:translateX(250px);
 transform:translateX(250px);
 background:#000000; /* couleur menu ouvert */ 
 border-left:1px solid rgba(255,255,255,.1)
}

/*enlever les puces de la liste des entrées du menu */
.sidebar-nav {
 position:absolute;
 top:0;
 width:250px;
 margin:0;
 padding:0;
 list-style:none;
}

/*styles des entrées du menu de navigation*/
.sidebar-nav li.sidebar-nav-item a {
  display:block;
  text-decoration:none;
  color:#fff;
  padding-left:10px;
  margin: none;
  font-family: 'marksmanmedium';
  text-transform: uppercase;
  font-weight: 150;
  font-size: 1.3rem;
}

/* hover dans la navigation du menu*/
.sidebar-nav li a:hover {
 text-decoration:none;
 color:#21e8e1;;
 background:rgba(255,255,255,.2)
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
 text-decoration:none;

}

/*barre titre du menu navigation*/
.sidebar-nav>.sidebar-brand {
 font-size:1.7rem;
 background:rgba(52,58,64,.1);
 height:80px;
 line-height:50px;
 padding-top:15px;
 padding-bottom:15px;
 padding-left:15px;
  font-family: 'marksmanmedium';
 text-transform: uppercase;
 font-weight: 150;
}

/* couleur titre menu nav*/
.sidebar-nav>.sidebar-brand a {
 color:#fff;
}

.sidebar-nav>.sidebar-brand a:hover {
 color:#fff;
 background:0 0
}

#sidebar-wrapper.active {
 right:250px;
 width:250px;
 -webkit-transition:all .4s ease 0s;
 transition:all .4s ease 0s
}

.menu-toggle {
 position:fixed;
 right:15px;
 top:15px;
 width:50px;
 height:50px;
 text-align:center;
 color:#fff; /* couleur hamburger*/
 background:#21e8e1; /* couleur carré */
 line-height:50px;
 z-index:999
}

.menu-toggle:focus,
.menu-toggle:hover {
 color:#fff
}

.menu-toggle:hover {
 background:#343a40
}

.service-icon {
 /*background-color:#fff;
 color:#1d809f;*/
 height:7rem;
 width:7rem;
 display:block;
 line-height:7.5rem;
 font-size:2.25rem;
 /*-webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,.1);
 box-shadow:0 3px 3px 0 rgba(0,0,0,.1)*/
}


.footer {
 padding-top:1rem;
 padding-bottom:3rem;
 background: rgba(0, 0, 0, 0.85);
}

.bg-img {

  background:url(../img/bg4.png);
  background-position:center top;
  background-repeat:no-repeat;
  background-size:cover;

}

.bg{
  background-color: #000000;
}

.text-primary {
 color:#1d809f!important
}
.text-secondary {
 color:#ecb807!important
}

.links a {
  text-decoration:none;
  color:#fff;
  margin-bottom: 1rem; 
}

.links a:hover{
  text-decoration:none;
  color: #db1b83;
}

.text-pink {
  color: #db1b83!important

}