.hero-classes {
    background-image: url(../uploads/classes.jpg);
    width: 100%;
    height: 70vh;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: space-between;
    background-position-y: center !important;
    background-size: cover !important;
    background-position-x: 35%;
    padding: 2vw 0vw !important;
    border-radius: 0px !important;
    margin-bottom: 0px;
}

.semiBold-20 {
    font-size: 20px;
    font-family: "JosefinSans-SemiBold" !important;
}

.nav-pills .nav-item {
    margin-right: 20px;
}

.nav-pills .nav-link {
    border-radius: 60px;
    border: 1px solid #000000;
    color: #000000;
    padding: 5px 40px;
}

.nav-pills .nav-link.active {
    background-color: #000000;
}