.button--squared {
background-color: #3D434F;
}
.button--squared:hover{
background-color: #555D6E;
}

.promo-primary__title::after {
background-color: #FFF;
}

.top-title {
color: #FFF;
font-size: 18px;
line-height: 50px!important;
}

.causes::before {
background: #fff;
}

@media only screen and (min-width:992px) {
.header-logo {
margin-left: 20px;
}
}

.button--side-nav {
width: 200px!important;
padding: 20px 30px!important;
height: 50%!important;
background-color: #3D434F!important;
}
.button--side-nav:hover {
background-color: #555D6E!important;
}

.projects-masonry__details-holder {
margin-top: 15px;
}

.more-link {
color: rgba(72,58,86,0.70);
border-bottom: 1px solid rgba(72,58,86,0.50);
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-ms-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.more-link:hover {
color: rgba(72,58,86,1);
border-bottom: 1px solid rgba(72,58,86,0);
}


.ranker-bg {
background-color: #f3f0ee;
}

.link::before {
    content: "";
    display: inline-block;
    height: 2px;
    width: 40px;
    background-color: #F2784F;
    vertical-align: middle;
    margin-right: 20px;
}
.video-block::before {
background-color: #fff;
}
.video-frame::before {
background: #3D434F;
}
.button--squared2 {
background-color: #F2784F!important;
}
.button--squared2:hover{
background-color: #F9AE06!important;
}
.slider__next, .slider__prev {
border: 2px solid #fff;
}
.slider__next:hover,.slider__prev:hover {
border: 2px solid #F2784F;
}