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

/* FONTS */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600');
@font-face {
    font-family: 'Museo_Slab_700';
    src: url('/wp-content/themes/hello-elementor/assets/fonts/Museo_Slab_700.eot');
    src: url('/wp-content/themes/hello-elementor/assets/fonts/Museo_Slab_700.eot') format('embedded-opentype'),
         url('/wp-content/themes/hello-elementor/assets/fonts/Museo_Slab_700.woff2') format('woff2'),
         url('/wp-content/themes/hello-elementor/assets/fonts/Museo_Slab_700.woff') format('woff'),
         url('/wp-content/themes/hello-elementor/assets/fonts/Museo_Slab_700.ttf') format('truetype'),
         url('/wp-content/themes/hello-elementor/assets/fonts/Museo_Slab_700.svg#Museo_Slab_700') format('svg');
	font-display: swap;
}
@font-face {
    font-family: 'SignPainterHouseScript01';
    src: url('/wp-content/themes/hello-elementor/assets/fonts/SignPainterHouseScript01.eot');
    src: url('/wp-content/themes/hello-elementor/assets/fonts/SignPainterHouseScript01.eot') format('embedded-opentype'),
         url('/wp-content/themes/hello-elementor/assets/fonts/SignPainterHouseScript01.woff2') format('woff2'),
         url('/wp-content/themes/hello-elementor/assets/fonts/SignPainterHouseScript01.woff') format('woff'),
         url('/wp-content/themes/hello-elementor/assets/fonts/SignPainterHouseScript01.ttf') format('truetype'),
         url('/wp-content/themes/hello-elementor/assets/fonts/SignPainterHouseScript01.svg#SignPainterHouseScript01') format('svg');
	font-display: swap;
}
h1,h2,h3,h4,h5,h6{font-family: 'Museo_Slab_700';}
p,label{font-family: 'Open Sans', sans-serif;}
.nomargin{ margin-top: 0 !important;}
body.margintop{ padding-top: 50px;}

/* HEADER */
#topbar{background: #222; color: #FFF; padding: 10px; margin-bottom: 0;}
#topbar a{color: #FFF;}
#topbar a:hover,#topbar a:focus{text-decoration: none;}
.navbar,nav ul li a,.logo img{-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
nav ul li a{color: #FFF;font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 16px;}
nav.white ul li a.dropdown-item{color: #474747 !important;}
nav ul li a:hover{color: #ed7a38 !important;}
nav.white ul li a:hover{color: #ed7a38 !important;}
nav .dropdown-menu{left: -15px;text-align: center;min-width: 100px;}
nav .dropdown-item:focus, .dropdown-item:hover{ background: none;}
.navbar-toggler{background: #FFF;}
.logo img{width: 200px;}
nav.white ul li a{color: #FFF !important;}

.navbar{ margin-top: 40px;}
.navbar.ntransparency{ background: #FFF !important; border-bottom: 1px solid #ed7a38 !important;}
.navbar.ntransparency ul li a{color: #474747 !important;}
.navbar.ntransparency ul li a:hover{color: #ed7a38 !important;}
.navbar.top{top: 45px;}
.navbar-nav .dropdown-menu{left: -25px;}

/* HOME */
#section1 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100vh;
    position: relative;
    overflow: hidden;
    background-image: url(https://metaphore.be/video/bg.png);
}
.video-background {
    display: block;
    overflow: hidden;
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
}
.video-background video {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    min-height: 50%;
    min-width: 50%;
}
#masque {
    background-image: url(https://metaphore.be/img/home-bg.png);
    background-repeat: repeat;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
    min-height: 100%;
    min-width: 100%;
}
#section1 h1 {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    color: white;
    font-size: 35px;
    width: 100%;
    text-align: center;
	line-height: 65px;
}
#section1 h1 span{ font-size: 80px;line-height: 115px;}
#bounced-arrow {
    z-index: 999999999;
    position: absolute;
    bottom: 50px;
    left: 50%;
    margin-left: -20px;
}
#arrow {
    width: 40px;
    height: 40px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
    background-size: contain;
}
.bounce {
    -o-animation: bounce 8s infinite;
    -moz-animation: bounce 8s infinite;
    -webkit-animation: bounce 8s infinite;
    animation: bounce 8s infinite;
}
@-webkit-keyframes bounce {
0% {
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);}
4% {
    -moz-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);}
8% {
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);}
12% {
    -moz-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);}
16%, 100% {
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);}
}

#section2 h1{color: #1e3482; border-bottom: 2px solid #ed7a38; display: inline-block;}
#section2 h5{ color: #ed7a38;font-family: 'Open Sans', sans-serif; font-weight: 700;}
#section2 p{color: #474747;}
#section2 p span{ color: #ed7a38;}

#section3 {
    height: 400px;
    padding-top: 50px;
    padding-bottom: 50px;
    overflow: hidden;
    background: url(https://metaphore.be/img/transat.jpg) no-repeat top left fixed;
    color: #fff;
    background-size: cover;
    position: relative;
    margin: 0;
}
#section3 .contenu_paralax {
    position: absolute;
    top: 55%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}
#section3 .contenu_paralax h1 {
    font-size: 50px;
    font-family: 'SignPainterHouseScript01';
	line-height: 70px;
	margin-top: -50px;
}
.contenu_paralax h1 span {
    font-family: 'Open Sans', sans-serif;
	font-size: 150px;
}
.contenu_paralax h1 span:last-child {
	position: absolute;
	bottom: -75px;
}

#section4 h1{color: #1e3482; border-bottom: 2px solid #ed7a38; display: inline-block;}
#section4 h3 a{color: #474747;}
#section4 h3 a:hover,#section4 h3 a:focus{text-decoration: none;}
#section4 p{font-size: 14px; color: #666;}
#section4 a.btn{ color: #1e3482; border: 1px solid #1e3482; font-size: 14px;}
#section4 a.btn:hover,#section5 a.btn:focus{color: #FFF; background: #1e3482;}

#section5 h1{color: #1e3482; border-bottom: 2px solid #ed7a38; display: inline-block;}
#section5 a.btn{ color: #1e3482; border: 1px solid #1e3482; font-size: 14px;}
#section5 a.btn:hover,#section5 a.btn:focus{color: #FFF; background: #1e3482;}

#section6 h1{color: #1e3482; border-bottom: 2px solid #ed7a38; display: inline-block;}
#section6 a.btn{ color: #1e3482; border: 1px solid #1e3482; font-size: 14px;}
#section6 a.btn:hover,#section5 a.btn:focus{color: #FFF; background: #1e3482;}
/*.grid-loadMore{ display: none;}*/
.grid-loadMore{
	color: #1e3482 !important;
    border: 1px solid #1e3482 !important;
	text-transform: uppercase;
    font-size: 14px !important;
    font-weight: 400;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem !important;
    line-height: 1.5;
    border-radius: .25rem !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	background: transparent !important;
}
.grid-loadMore:hover,.grid-loadMore:focus{
	color: #FFF !important;
    background: #1e3482 !important;
}
#grid2 .gbox,#grid .gbox{
    cursor: auto!important;
}


/* CONTACT */
#banner-contact{background: url(https://metaphore.be/img/banner/contact.jpg) no-repeat center center; background-size: cover;}
.banner{height: 350px;overflow: hidden; margin-top: 0;}
/*.banner-wrap{max-width: 640px; margin: auto; height: 350px;}*/
/*.banner-wrap2{max-width: 822px; margin: auto; height: 350px;}*/
#bureaux{margin-top: 112px;}
#bureaux h5{color: #1e3482;border-bottom: 1px solid #1e3482; padding-bottom: 5px;}
#bureaux p{ font-size: 14px;}
#bureaux img{ position: relative; top: -1px;}
.content h1{color: #1e3482;}
.content h1 hr{border-top: 1px solid #ed7a38;}
#contact-form button[type=submit]{
	color: #1e3482;
    border: 1px solid #1e3482;
}
#contact-form button[type=submit]:hover,#contact-form button[type=submit]:focus{
	color: #FFF;
    border: 1px solid #1e3482;
	background: #1e3482
}
.custom-file-input{
	cursor: pointer;
}
.custom-file-input:lang(fr)~.custom-file-label::after {
	content: "Ajouter fichier";
}
.custom-file-input:lang(en)~.custom-file-label::after {
	content: "Add file";
}
.custom-file-input:lang(nl)~.custom-file-label::after {
	content: "Bestand toevoegen";
}

/* APPROCHE */
#banner-approche{background: url(https://metaphore.be/img/banner/approche.jpg) no-repeat center center; background-size: cover;}
#banner-approche p.h1{top:58%; color:#ed7a38;font-size:50px; line-height: 35px;font-family: 'Museo_Slab_700';    text-shadow: 1px 1px 1px #000;}
#banner-approche p.h1 span{ font-size:24px; color: #FFF;}
#banner-approche img{top: 30%;}
#approche p span,#rpress p span,#rpub p span,#story p span,#events p span,#public-relations p span {
    color: #ed7a38;
}
#citation{ 
	background: #ed7a38;
    background: -moz-linear-gradient(left, #ed7a38 0%, #E86337 100%);
    background: -webkit-linear-gradient(left, #ed7a38 0%,#E86337 100%);
    background: linear-gradient(to right, #ed7a38 0%,#E86337 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed7a38', endColorstr='#E86337',GradientType=1 );
	color: #FFF;font-family: 'SignPainterHouseScript01'; font-size: 32px; letter-spacing: 1px;
	width: 90%;
	margin: auto;
}
#services img{width: 90%;}
#services h5{font-size: 16px;}
#services h5 a{color: #474747; display: block;}
#services h5 a:hover,#services h5 a:focus{text-decoration: none;}
#services a.btn {
    color: #1e3482;
    border: 1px solid #1e3482;
    font-size: 14px;
}
#sidebar{margin-top: 112px;}
#sidebar h5{color: #1e3482;}
#sidebar .sidebar.txt p{ font-size: 12px;}
#sidebar .sidebar.txt ul li{ color: #ed7a38}
#sidebar .sidebar.txt ul li p{ color: #212529}
#sidebar .sidebar.txt h5{ padding-bottom: 5px;}
.sidebar.contact{background: url(https://metaphore.be/img/contact_sidebar.jpg) no-repeat 0 -14px; background-size: cover; height: 150px;-webkit-border-radius: 10px; border-radius: 10px;}
.sidebar.contact h5{height: 100%;}
.sidebar.contact h5 a{color: #FFF; display: block; height: 100%; width: 100%; line-height: 52px; font-size: 25px;}
.sidebar.contact h5 a:hover,.sidebar.contact h5 a:focus{text-decoration: none;}
.sidebar.sidebar .content{border-left: 20px solid #1e3482; border-right: 1px solid #1e3482; border-bottom: 1px solid #1e3482; border-top: 1px solid #1e3482;}
.sidebar.sidebar .btn,.ref_all .btn{
	color: #1e3482;
    border: 1px solid #1e3482;
    font-size: 14px;
}
.sidebar.sidebar .btn:hover, .sidebar.sidebar .btn:focus {
    color: #FFF;
    background: #1e3482;
}


/* RELATIONS PRESSE */
#banner-relationpress{background: url(https://metaphore.be/img/banner/relations-press.jpg) no-repeat center center; background-size: cover;}
.orange{color: #ed7a38;}
.content h3.blue{color: #1e3482;}

/* RELATIONS PUBLIQUE */
.content ul li{color: #ed7a38;}
.content ul li p{color: #212529;}

#public-relations .content ul{list-style: none;}
#public-relations .content ul li{
	color: #212529; text-indent: -.7em;
	margin-bottom: 0.9em;
}
#public-relations .content ul li::before {
  content: "• ";
  color: #ed7a38;
	position: relative;
	left: -7px;
}

/* REFERENCES */
#banner-references{background: url(https://metaphore.be/img/banner/references.jpg) no-repeat center center; background-size: cover;}
#banner-references p.h1{top:58%; color:#FFF;font-size:25px; line-height: 35px;font-family: 'Museo_Slab_700';text-shadow: 1px 1px 1px #000;}
#banner-references p.h1 span{ font-size:30px;color: #ed7a38;}
#banner-references img{top: 43%;}
.ref .border{border-color: #1e3482 !important;}
.ref h2{color: #1e3482;}
.ref .btn{
	color: #1e3482;
    border: 1px solid #1e3482;
    font-size: 14px;
}
.ref .btn:hover, .ref .btn:focus {
    color: #FFF;
    background: #1e3482;
}
.alpha a{font-size: 16px;color: #1e3482;}
.alpha a:hover,.alpha a:focus{text-decoration: none;}
.alpha label{color: #1e3482;}
.ref_all a:hover,.ref_all a:focus{text-decoration: none;}
.ref_all a:hover .btn,.ref_all a:focus .btn{color: #FFF;background: #1e3482;}
.ref_all a.top{color: #ed7a38;}
.ref_all p.font-weight-bold{color: #1e3482;}
.ref_all a{color: #212529;}
.ref_all .border:hover{border-color: #ed7a38 !important;}


/* BANNER */
#banner-relationpublique{background: url(https://metaphore.be/img/banner/relations-publiques.jpg) no-repeat center center; background-size: cover;}
#banner-publicaffairs{background: url(https://metaphore.be/img/banner/public-affairs.jpg) no-repeat center center; background-size: cover;}
#banner-storytelling{background: url(https://metaphore.be/img/banner/storytelling.jpg) no-repeat center center; background-size: cover;}
#banner-strategie{background: url(https://metaphore.be/img/banner/strategie.jpg) no-repeat center center; background-size: cover;}
#banner-event{background: url(https://metaphore.be/img/banner/event.jpg) no-repeat center center; background-size: cover;}

/* FOOTER */
footer .contact{ background: #303030;}
footer .contact h5{ color: #FFF;font-family: 'Open Sans', sans-serif;}
footer .contact p{ color: #FFF;}
footer .contact form{font-family: 'Open Sans', sans-serif;}
footer .contact form input{ width: 100%; border: 0; height: 36px;}
footer .contact form input[type=submit]{ border: 1px solid #FFF; color: #FFF; background: none;}
footer .contact form input[type=submit]:hover,footer .contact form input[type=submit]:focus{ background: #1e3482; color: #FFF; border: 1px solid #1e3482;}

footer .adresse{ background: #303030;}
footer .adresse h6{ color: #FFF;font-family: 'Open Sans', sans-serif;}
footer .adresse p{ color: #FFF; font-size: 12px;}

footer .copy{background: #171717; color: #FFF; font-size: 10px;}
footer .copy a{ color: #FFF;}


/* MEDIA QUERY */

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) and (orientation: portrait){
	#section1{background-position: -500px center;}
}
@media (max-width: 320px) {
	.logo-ref img{ max-height: 43px!important}
}
@media (max-width: 468px) {
	.logo-ref img{ max-height: 58px!important}
}
@media (max-width: 575.98px) {
	.logo img{width: 160px;}
	#section1 h1{font-size: 39px;line-height: 46px;}
	#section1 h1 span{font-size: 19px;line-height: 10px;}
	#section3 .contenu_paralax{ position: relative; left: auto; top: auto; transform: none;}
	#section3 .contenu_paralax h1{font-size: 24px; line-height: 50px; margin-top: 0;}
	.contenu_paralax h1 span{ font-size: 100px;}
	#section3{ height: 300px; background: url(https://metaphore.be/img/transat.jpg) no-repeat -56px; background-size: cover;}
	#section2 h1{ font-size: 19px;}
	#section2 h5{font-size: 18px;}
	#section4 h1{ font-size: 19px;}
	#section4 h3{font-size: 19px;}
	#section5 h1{ font-size: 19px;}
	#section6 h1{ font-size: 19px;}
	
	footer .contact h5{ text-align: center;}
	footer .footer-social{ text-align: center;}
	footer .footer-newsletter{ text-align: center;}
	footer .adresse{text-align: center;}
	
	.navbar.ntransparency ul li a{color: #FFF !important;}
	#topbar a{ font-size: 12px;}
	.navbar{position: absolute;top: auto; margin-top: 0;}
	.navbar-collapse{background: rgba(0,0,0,0.5);border-top: 1px solid #ed7a38;}
	.navbar-collapse ul{ display: block;}
	.navbar-collapse ul li{ text-align: center;border-bottom: 1px solid rgba(255, 255, 255, 1);}
	.navbar-collapse ul li:last-child{border-bottom:0px;}
	.navbar-collapse ul li a{color: #FFF;}
	.dropdown-menu a{color: #474747 !important;}
	
	.content h1{font-size: 32px;}
	#bureaux{margin-top: 0;}
	#sidebar{margin-top: 10px;}
	#banner-approche p.h1{font-size: 21px; width: 90% !important;}
	#banner-approche p.h1 span{font-size: 14px;}
	#banner-approche img{ height: 150px; top: 43%;}
	#banner-references p.h1{font-size: 14px; width: 90% !important;line-height: 23px;top: 51%;}
	#banner-references p.h1 span{font-size: 19px;}
	#banner-references img{ width: 150px; top: 50%;}
	
	.logo-ref img{ max-height: 90px}
	
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
	#section1 h1{font-size: 40px;}
	#section1 h1 span{font-size: 20px;}
	#section3 .contenu_paralax{ width: 90%;}
	#section3 .contenu_paralax h1{font-size: 40px; line-height: 50px;}
	.contenu_paralax h1 span{ font-size: 120px;}
	#section2 h1{ font-size: 30px;}
	#section4 h1{ font-size: 30px;}
	#section4 h3{font-size: 24px;}
	#section5 h1{ font-size: 30px;}
	#section6 h1{ font-size: 30px;}
	
	.navbar.ntransparency ul li a{color: #FFF !important;}
	.navbar{position: absolute;top: auto;margin-top: 0;}
	.navbar-collapse{background: rgba(0,0,0,0.5);border-top: 1px solid #ed7a38;}
	.navbar-collapse ul{ display: block;}
	.navbar-collapse ul li{ text-align: center;border-bottom: 1px solid rgba(255, 255, 255, 1);}
	.navbar-collapse ul li:last-child{border-bottom:0px;}
	.navbar-collapse ul li a{color: #FFF;}
	.dropdown-menu a{color: #474747 !important;}
	
	#bureaux{margin-top: 0;}
	#sidebar{margin-top: 10px;}
	#banner-approche p.h1{font-size: 39px;}
	#banner-approche p.h1 span{font-size: 18px;}
	#banner-references p.h1{font-size: 20px;}
	#banner-references p.h1 span{font-size: 19px;}
	#banner-references img{width: 170px;top: 49%;}
	
	.logo-ref img{ max-height: 56px}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
	#section3{ height: 300px;}
	#section3 .contenu_paralax h1{font-size: 40px; line-height: 50px;}
	#section4 h3{font-size: 21px;}
	.contenu_paralax h1 span{ font-size: 120px;}
	footer .contact p{ font-size: 13px;}
	#sidebar{margin-top: 10px;}
	#banner-approche p.h1{font-size: 42px;}
	#banner-approche p.h1 span{font-size: 20px;}
	#banner-references p.h1{font-size: 22px;}
	#banner-references p.h1 span{font-size: 24px;}
	.logo-ref img{ max-height: 56px}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
	footer .contact p{ font-size: 13px;}
	.logo-ref img{ max-height: 49px}
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.logo-ref img{ max-height: 60px}
}