@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:1100px) and (max-width:1300px){ .logo-desktop{ margin-top:10px; width:240px} .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:1100px){ .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(225,204,174,0.8)} .slide:nth-child(2) .slide__text{ background-color:rgba(203,198,195,0.8)} .slide:nth-child(3) .slide__text{ background-color:rgba(225,204,174,0.8)} .slide:nth-child(4) .slide__text{ background-color:rgba(203,198,195,0.8)} .slide:nth-child(5) .slide__text{ background-color:rgba(225,204,174,0.8)} h3,.h3{ font-size:1.4em} a#btn_up{ bottom:136px}}@media only screen and (max-width:500px){ .logo-mobile{width:320px;height:80px}}