body {
    font-family: 'Quicksand',sans-serif;
    padding: 0;
    margin: 0;
}

h1,h2{
    text-align: center;
}

h1{
    font-size: 32px;
    font-weight: 700;
}

h5{
    font-weight: 600;
}

h6{
    font-size: 24px;
}

.btn{
    font-size: 20px;
    font-weight: 700;
    color: #0c2461;
    border-bottom: 3px solid rgba(0,0,0,.15);
}

#nav{
    padding: 0px;
}


/*Soulignement dynamique*/
ul {
    list-style: none;
    margin: 0;
    padding: 0px;
    padding-bottom: 2px;
}

li {
    display: -webkit-inline-box;
    display: inline-flex;
}

.navbar-light .navbar-nav .nav-link {
    position: relative;
    letter-spacing: 1px;    
    color: #0c2461;
    text-decoration: none;
    font-size: 1.33rem;
    font-weight: 600;
    opacity: .9;
}
.navbar-light .navbar-nav .nav-link::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%) scaleX(0);
            transform: translateX(-50%) scaleX(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    width: 100%;
    height: 4px;
    border-radius: 30%;
    background-color: #0c2461;
    -webkit-transition: -webkit-transform 250ms;
    transition: -webkit-transform 250ms;
    transition: transform 250ms;
    transition: transform 250ms, -webkit-transform 250ms;
}
.navbar-light .navbar-nav .nav-link:hover::after {
    -webkit-transform: translateX(-50%) scaleX(1);
            transform: translateX(-50%) scaleX(1);
}
 /**/ 


#home{      
    color: #0c2461;
    font-size: 40px;

/* The image used */
  background: url("../images/background_home.jpg");

/* Center and scale the image nicely*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 700px;
}

#title_home{
    font-size: 60px;
}

#logo{
    margin-top: 15%;
}

#frenchWeb{
    background-color: #0c2461;
    color: #fff;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: .0125em;
}

#web{
    background-color: #f5f5f5;
    font-size: 16px;
    text-align: justify;
}

#digital{
    background-color: #0c2461;
    color: #fff;
}

#strategie{
    background-color: #fff;
    min-height: 500px;
    text-align: justify;
}

#who{
    background-color: #f5f5f5;
    text-align: justify;
}

#who h1{
    font-weight: 400;
    font-size: 34px;
}

#the{
    background-color: #0c2461;
    color: #fff;
    min-height: 500px;
}


/*Pour faire passer l'image au desus du text en responsive*/
@media screen and (max-width: 575px) {
    .inverse{
        display: flex;
        flex-direction: column-reverse;
    }  
}



 /* Contact */
 .contact{
	padding: 1em;
   position: relative;
   justify-content: center;
   background-color: #F7F7F7;
}

.contact p{
	color: #aaa;
}

*[placeholder="*"]{
   color: rgb(140, 218, 243);
}

#the .btn{
    color: #fff;
}

/* Footer */
footer{
   background-color: rgb(17, 17, 17);
   color: white;
   padding: 2em;
   text-align: center;
}