.slide01, .slide02, .slide03, .slide04 {
    background-color: #000000;
}

    .slide01::before, .slide02::before, .slide03::before, .slide04::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        z-index: -1;
        opacity: 0.5;
    }
    .slide01::before {
        background-image: url(../images/slideshow/slide01.jpg);
    }

    .slide02::before {
        background-image: url(../images/slideshow/slide02.jpg);
    }

    .slide03::before {
        background-image: url(../images/slideshow/slide03.jpg);
    }

    .slide04::before {
        background-image: url(../images/slideshow/slide04.jpg);
    }

.circle-box {
    overflow: hidden;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    height: 220px;
    width: 220px;
    margin: 0 auto;
}

.header-img {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
}

.uppercase {
    text-transform: uppercase !important;
}