@charset "UTF-8";
/* CSS Document */



/* BANNER */
#slider_mentions {width: 100%; clear: both; float: left; height: 250px; background-image:url("/img/slider-mentions.png"); background-position:50% 50%; background-size:cover; position: relative;}
#slider_mentions h1 {font-family: 'Raleway', sans-serif; text-align: center; text-transform: uppercase; letter-spacing: 4px;  font-size: 60px; font-weight: 200; color: #fff; width: 100%; margin-top: 140px; line-height: 60px;}

@media (max-width: 768px) {
    #slider_mentions { height: 110px; } 
    #slider_mentions h1 { margin-top: 40px; line-height: 40px; font-size: 40px; } 
    .slider_mentions { height: 145px !important; } 
}

/* BODY */
#mentions { width: 100%; background: #f6f6f6; clear:both; float: left; position: relative; font-family: 'Raleway', sans-serif; font-size: 14px; color: #333; }
#mentions .content { width:1140px; display: table; margin: auto; }
#mentions h2 { clear: both; float: left; font-size: 18px; font-weight: 500; color: #cf9821; letter-spacing: 2px; line-height: 24px; margin-bottom: 20px; }
#mentions p { clear: both; font-size: 14px; font-weight: 300; color: #333; line-height: 22px; margin-bottom: 50px; }

@media (max-width: 768px) {
    #mentions .content { width:calc(100% - 40px); display: table; margin: auto; }    
}