.set1 {
    background-color: #662d91;
}

@media (min-width: 768px) {
    .set2 {
        border-radius: 66px 0px 0px 1786px / 0px 0px 0px 1166px;
    }
}

@media (max-width: 767px) {
    .set2 {
        border-radius: 0;
    }
}

.set3 {
    background-color: #662d91;
}

.bg-color {
    background: linear-gradient(to right, #662d91 20%, black);
}

.navlink {
    color: #ffffff;
}

.navlist {
    font-family: bahnschrift !important;
    font-size: 14px;
    background: #662d91;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

ul.navlist li {
    position: relative;
    flex: 1 1 auto;
    border-right: 1px solid #fff;
    transform: skew(333deg);
    height: 70px;
    padding: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #662d91;
}

    ul.navlist li:last-child {
        border-right: none;
    }

    ul.navlist li .inner-text {
        transform: skew(-333deg);
        display: inline-block;
        text-align: center;
    }