.carousel-control .icon-next:before, .carousel-control .icon-prev:before{
    font-size: 70px;
}

.banner .carousel .item{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.carousel-caption{
    bottom: 50%;
    transform: translateY(50%);
}

section[id^="portfolio"]{
    background-color: #c8c3af;
}

.banner .carousel.visible-xs-block .item{
    background-size: contain;
}
.mb-3{
    margin-bottom: 15px;
}
@media (min-width: 768px){

    .banner .carousel{
        height: calc(100vh - 75px);
    }

}