@import url('https://fonts.googleapis.com/css2?family=Encode+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap');

body { /*padding-top: 3.5rem;*/ font-family: "Encode Sans", Arial, sans-serif; font-weight: 400; background: #fff none !important; }
.iefix { display: -ms-flexbox; -ms-flex-direction: column; flex-direction: column; color: #111; }
#banner { background: url(../images/banner.jpg) no-repeat center; background-size: cover; position:relative; min-height: 350px; display: flex; align-items: center; }
#banner h1, #banner h4 { position: relative; z-index: 3;}
/*.filter_visuel_bg { background-image: url("../images/filter-visual-black.png"); background-repeat: repeat; box-sizing: border-box; height: 100%; position: absolute; right: 0; top: 0; width: 100%; z-index: 2; opacity:0.2; }*/

.btn-homiris { color: #ffffff; border-color: #ed6f25; background: #ed6f25; border-radius: 30px; padding: 12px 20px; }
.btn-homiris:hover { color: #ed6f25; border-color: #ed6f25; background: #ffffff; }

h1 { font-weight: 600 !important; font-size: 3rem !important; }
h2 { font-weight: 400 !important; font-size: 2.1rem !important; margin: 2rem 0 1.5rem 0; text-transform: uppercase; }
h3 { font-size: 1.4rem; font-weight: 600; }
strong { font-weight: 600;}

.mobile_display { display: none;}

@media only screen and (max-width:991px) {
    .desktop_display { display: none;}
    .mobile_display { display: block;}

    #banner { background: url(../images/banner_mobile.jpg) no-repeat center right; }
}