.carousel-item > img {
    min-width: 100%
}
.carousel-caption {
    top: 10%;
}

@media (min-width: 768px) {

    .carousel-caption {
        top: 25%;
    }

}

.left {
    right: auto;
    text-align: left;
    width: 45%
}

.right {
    left: auto;
    text-align: right;
    width: 45%;
}

.carousel-caption > p {
    font-size: 150%
}

.carousel-caption > a:hover {
    text-decoration: none;
}