#slider {
    position: relative;
}

#mainslider .carousel-item {
    height: 600px;
    height: calc(100vw * 0.375);
}

#mainslider a.full {
    display: inline-block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 0;
}

#mainslider .carousel-caption {
    transform: translate(0, -50%);
    top: 50% !important;
    bottom: initial;
    left: 6%;
    max-width: 30%;
}
#mainslider .carousel-caption.left {
    text-align: left;
}
#mainslider .carousel-caption.right {
    text-align: right;
}