.header .header-logo .header-name .name a {
margin: 0;
padding: 0 0 0.5rem 0;
font-family: 'Merriweather', serif;
font-size: 1.5rem;
}  h2.title {
position: relative;
margin: 20px;
padding: 0;
font-family: 'Merriweather', serif;
font-size: 2rem;
}
h2.title:before {
content: '';
position: absolute;
height: 4px;
width: 35px;
left: -2px;
background-color: #219bb6;
top: 34px;
}
.brand .title, 
.news .title, 
.header .title, 
.navigation .title, 
.contact .title, 
.list .title, 
.text .title, 
.results .title, 
.coordonnee .title {
margin-left: -80px;
}
.col-3 .row .col-xs-3 h2,
.col-3 .row .col-xs-3 h3{
text-transform: uppercase;
color: #219bb6;
font-size: 1.4rem;
font-weight: bold;
}
.books-2 h2 {
color: #FFF;
font-size: 1.4rem;
margin: 0;
padding: 0.4rem 0;
}
h3, .news-content h4 {
color: #219bb6;
font-size: 1.2rem;
font-weight: bold;
line-height: 1.8rem;
} section.text article h2,section.text article h3 {
color: #219bb6;
font-size: 1.4rem;
}
section.list article h3 {
color: #219bb6;
font-size: 1.4rem;
text-transform: uppercase;
}
.box-blue h2,
.box-blue h3{
font-size: 1rem !important;
line-height: 1.4rem;
margin: 0.4rem 0;
padding: 0;
color: white !important;
}
.box h2, .box h3 {
font-size: 1.3rem !important;
margin: 0.3rem 0;
} .coordonnee-content h2,
.coordonnee-content h3 {
font-size: 1.2rem;
color: #cb9866;
padding-top: 2rem;
}
.contact h2 {
color: #fff;
line-height: 1.5rem;
font-weight: bold;
}
.contact h3 {
color: #cb9866;
font-weight: bolder;
line-height: 2rem;
font-size: 1.7rem;
} .brand h1.title {
margin-right: 0;
}
@media only screen and (max-width: 768px) {
.brand .title, 
.news .title,
.results .title, 
.header .title, 
.navigation .title, 
.contact .title, 
.text .title, 
.list .title, 
.col-3 h1, .col-3 h2, .col-3 h3 {
margin-left: 0;
font-size: 1.4rem;
}
}
@media only screen and (max-width: 570px) {
.title:before {
display: none;
}
}