body > header #logo{background-image:url(/owners/22/images/logo.jpg);}


#about_intro{position:absolute;top:-22230px;left:0;width:50%}
#about_intro h2{text-align:center;padding:0 2%;background:rgba(255,255,255, 1);border-radius:3px;background-clip:padding-box;}
#about_intro p{font-size:1em;left:14%;top:20.5%;padding:2% 4%;background:rgba(255,255,255, .8);color:#000;line-height:1.5}

#hero #heroContent {width:70%;margin-left:4%;}
#hero #heroContent p {width:85%;font-size:1em;}
.slide_1{background-image:url(/images/sliders/8_768.jpg);background-position:0 0}

#trustedRep{list-style-type: none;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-around;}

#hero div {height: auto;}

#homepage #intro.wrapper p img {float: right;margin: .5em;width: 125px; height: 125px;}

.teamSection{display:none;}

#hero .slide-content ul {
    right: 2%;
    bottom: 2%;
    font-size: .9em;
    padding: 1em;
    background: #000;
    border-radius: 10px;
}

@media screen and (min-width:1024px){
.slide_1{background-image:url(/images/sliders/8.jpg);}
#hero .slide-content ul {right:2%;bottom: 5%; background: none;}
#homepage #intro.wrapper p img{float:right;margin:.5em 0 1em 1em;width:300px;height:300px}
#hero #heroContent p {width: 60%;}
#hero .slide-content ul{right:2%}
#hero #heroContent{margin-left:10%;}

}


@media screen and (min-width:1151px) {
#hero #heroContent {width:70%;margin-left:4%;}
#hero .slide-content ul {bottom: 5%;}
}


@media screen and (min-width:1279px){
#hero #heroContent{margin-left:10%}
#hero #heroContent p {font-size:1.2em;}
#hp_welcome{padding:0 1em;}
    #hero .slide-content ul {
        font-size: 1.2em;
        right: 0;
        bottom: 0;
    }
}

@media screen and (min-width:2560px)
{#homepage #hero > div .slide {
    background-size: cover;
}}