@import "site.css";@media only screen and (min-width:1800px){ .slide__text{ position:absolute; width:30%; bottom:10%; left:50px; color:#fff; transition:opacity 0.5s 0.8s,-webkit-transform 0.5s 0.8s; transition:transform 0.5s 0.8s,opacity 0.5s 0.8s; transition:transform 0.5s 0.8s,opacity 0.5s 0.8s,-webkit-transform 0.5s 0.8s; will-change:transform,opacity; -webkit-transform:translateY(-50%); transform:translateY(-50%); opacity:0} .slide_text-heading{ font-size:2.4em; line-height:1.5em; margin-bottom:1em}}@media only screen and (min-width:1600px) and (max-width:1800px){ .slide__text{ position:absolute; width:30%; bottom:10%; left:50px; color:#fff; transition:opacity 0.5s 0.8s,-webkit-transform 0.5s 0.8s; transition:transform 0.5s 0.8s,opacity 0.5s 0.8s; transition:transform 0.5s 0.8s,opacity 0.5s 0.8s,-webkit-transform 0.5s 0.8s; will-change:transform,opacity; -webkit-transform:translateY(-50%); transform:translateY(-50%); opacity:0} .slide_text-heading{ font-size:2.3em; line-height:1.5em; margin-bottom:1em}}@media only screen and (min-width:1300px) and (max-width:1600px){ .slide__text{ position:absolute; width:36%; bottom:10%; left:50px; color:#fff; transition:opacity 0.5s 0.8s,-webkit-transform 0.5s 0.8s; transition:transform 0.5s 0.8s,opacity 0.5s 0.8s; transition:transform 0.5s 0.8s,opacity 0.5s 0.8s,-webkit-transform 0.5s 0.8s; will-change:transform,opacity; -webkit-transform:translateY(-50%); transform:translateY(-50%); opacity:0} .slide_text-heading{ font-size:2.6em; line-height:1.5em; margin-bottom:1em}}@media only screen and (min-width:1250px) and (max-width:1300px){ .slide__text{ position:absolute; width:45%; bottom:10%; left:50px; color:#fff; transition:opacity 0.5s 0.8s,-webkit-transform 0.5s 0.8s; transition:transform 0.5s 0.8s,opacity 0.5s 0.8s; transition:transform 0.5s 0.8s,opacity 0.5s 0.8s,-webkit-transform 0.5s 0.8s; will-change:transform,opacity; -webkit-transform:translateY(-50%); transform:translateY(-50%); opacity:0} .slide_text-heading{ font-size:2.6em; line-height:1.5em; margin-bottom:1em}}@media only screen and (max-width:1250px){ .logo-desktop{width:360px;padding-bottom:5px} .logo-desktop img{width:120px} .logo-desktop .texte{font-size:17px;left:140px;height:60px;top:25px;padding-left:1em;padding-top:5px;line-height:26px} .slider-container{ position:relative; height:300px} .slide__text{ position:absolute; left:0; bottom:0px; width:100%; height:10.5em; color:#fff; text-align:center; -webkit-transform:translateY(50%); transform:translateY(50%); transition:opacity 0.5s 0.5s,-webkit-transform 0.5s 0.5s; transition:transform 0.5s 0.5s,opacity 0.5s 0.5s; transition:transform 0.5s 0.5s,opacity 0.5s 0.5s,-webkit-transform 0.5s 0.5s; padding:0 1rem; opacity:0} .slide_text-desc{ display:none} .slide_text-heading{ font-size:2em; line-height:2em; padding:0em 0em 0em 0em; margin:0rem; margin-bottom:0.5rem} .slide_text-link{ padding:0.5rem; font-size:1.2rem; bottom:1rem} .slide_overlay{ display:none} .slide:nth-child(1) .slide__text{ background-color:rgba(101,101,101,0.8)} .slide:nth-child(2) .slide__text{ background-color:rgba(151,151,151,0.8)} .slide:nth-child(3) .slide__text{ background-color:rgba(101,101,101,0.8)} .slide:nth-child(4) .slide__text{ background-color:rgba(151,151,151,0.8)} .slide:nth-child(5) .slide__text{ background-color:rgba(101,101,101,0.8)} .slide:nth-child(6) .slide__text{ background-color:rgba(151,151,151,0.8)} .sizeleft,.sizeright{ max-height:300px;   display:block; margin:0px auto; margin-bottom:1.5em} p,.p{ font-size:1em} #pageContent ul.list li{ font-size:1em} h3,.h3{ font-size:1.4em} a#btn_up{ bottom:136px}}@media only screen and (max-width:650px){ .slide_text-heading{ font-size:1.6em; line-height:2em; padding:0em 0em 0em 0em; margin:0rem; margin-bottom:0.5rem} .slide__text{ height:9.5em}}