.height100{min-height:calc(100vh - 118px);display:flex;align-items:center;position:relative;}.height100 .img{position:absolute;top:0;left:0;width:50%;height:100%;}.height100 .img .leftImages{position:sticky;top:0;left:0;background-size:cover !important;height:100vh;background-repeat:no-repeat !important;background-position:top left !important;margin-top:-120px;width:100%;background-color:var(--grey) !important;}.text{padding:0 0 0 7vw;}.text strong{color:var(--purple);}.markBoxes{margin:70px 0 20px 0;}.markBoxes .listing .col-md-4:first-child .item{background:#8e3594;}.markBoxes .listing .col-md-4:first-child .item picture{filter:brightness(0) invert(1);}.markBoxes .listing .item{padding:20px;background:#f6f6f6;height:285px;display:flex;align-items:center;}.markBoxes .listing .item picture{display:block;margin:0 auto;}.markBoxes .listing .item picture img{max-width:100%;max-height:100%;} .about .text {font: 17px var(--fontlight);} .text{padding: 0 5vw 7vw 7vw;} .about{margin:118px 0 0 0;}.about .text{font:17px var(--fontlight);}.about .text p{font:17px var(--fontlight);}.titles{font-size:26px;color:var(--black);margin:10px 0 22px 0;text-transform:uppercase;}.titles h1,.titles h2{font-size:26px;color:var(--black);margin:0;width:100%;}

@media (max-width: 768px) {
	.about {
        margin-top: 0;
    }
	.height100 {
        display: block;
        min-height: auto;
    }
    .height100 .img {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        height: auto;
    }
	.about .height100 .text {
        padding-bottom: 0 !important;
    }
	.height100 .text {
        padding: 30px 0 !important;
    }
	.height100 .text .titles {
        margin: 0 !important;
    }
	.svgBox {
        display: none !important;
    }
	.height100 .img .leftImages {
        top: auto;
        height: 500px;
    }
}
.svgBox{
        position: sticky;
        top: 50px;
        transform: translateX(58%);
        width: auto;
        float: right;
        display: flex;
        align-items: center;
        margin-top: -60px;
    }

    #hi-there {
        width: 10vw;
        stroke-width: 1px;
        position: sticky;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }

    #hi-there.actives{
        opacity: 1;
        visibility: inherit;
    }

    .about svg * {
        fill: none;
        stroke: #85754e;
    }
    path.active{
        fill:#85754e !important;
        stroke:none !important;
    }