.nav-item .nav-link, .hbtn .btn {
    color: #000;
    font-family: 'Oswald', sans-serif;
    font-size: 26px;
    text-transform: uppercase;
}

.banner {
    background: url('../media/banner.png');
    height: auto;
    position: relative;
    background-size: 100%;
    background-repeat: no-repeat;
}

.btn-login {
    color: #14829d !important;
}

.verticalLine {
    border-left: 2px solid #000;
    line-height: 1.5;
    padding: 0.375rem 0;
}

.header-text {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 1px;
}

.header-text div:nth-child(2) {
    font-size: 20px;
}

.banner-text-2 {
    font-family: 'Oswald', sans-serif;
    font-size: 22px;
    color: #fff;
}

.banner-text-3 {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
}

.banner-btn span:first-child, .cta-btn span:first-child {
    font-family: 'Oswald', sans-serif;
    font-size: 25px;
    font-weight: 300;
}

.banner-btn span:nth-child(2), .cta-btn span:nth-child(2) {
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
}

.btn-primary {
    background: #14829d;
    border: 1px solid #fff;
    line-height: 1.2;
}

.cta-btn {
    min-width: 320px;
    box-shadow: 5px 5px 0px rgba(200, 200, 200);
}

.btn-primary:hover {
    background: #000;
    border: 1px solid #fff;
}

.bookd {
    position: absolute;
    bottom: 0%;
    right: 15%;
}

.osreg24 {
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
}

.opsemi53 {
    font-family: 'Open Sans', sans-serif;
    font-size: 53px;
    font-weight: 600;
}

.osmed33 {
    font-family: 'Oswald', sans-serif;
    font-size: 33px;
    font-weight: 500;
    color: #000;
}

.osmed58 {
    font-family: 'Oswald', sans-serif;
    font-size: 58px;
    font-weight: 500;
}

.op30 {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    color: #000;
}

.op38 {
    font-family: 'Open Sans', sans-serif;
    font-size: 38px;
    color: #000;
}

.bookd .op10 {
    color: #fff;
}

.op10 {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
}

.op12 {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}

.osmed40 {
    font-family: 'Oswald', sans-serif;
    font-size: 40px;
    font-weight: 500;
}

.osmed35 {
    font-family: 'Oswald', sans-serif;
    font-size: 35px;
    font-weight: 500;
}

.osmed38 {
    font-family: 'Oswald', sans-serif;
    font-size: 38px;
    font-weight: 500;
}

.oslight34 {
    font-family: 'Oswald', sans-serif;
    font-size: 34px;
    font-weight: 300;
}

.oplight18 {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 300;
}

.op20 {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
}

.box-1 {
    background: #1c1c1c;
    border-radius: 15px;
    max-width: 49%;
    margin-right: 2%;
}

.box-2 {
    background: #14829d;
    border-radius: 15px;
    max-width: 49%;
}

.text-white {
    color: #fff;
}

.gold {
    color: #e0b463;
}

@media (min-width: 1200px) {
    #mw-1200 {
        max-width: 1200px;
    }
}

@media (max-width: 800px) {
    .banner .banner-left {
        padding: 0 15px;
    }

    #banner {
        padding: 5px !important;
    }

    #banner img {
        max-width: 75%;
    }

    .banner-text-2 {
        font-size: 18px;
        padding: 0 23%;
        padding-bottom: 5px !important;
    }

    .banner-text-3 {
        font-size: 11px;
    }

    .banner-left .pb-3 {
        padding-bottom: 5px !important;
    }

    .mw-420 ul {
        margin-bottom: 5px !important;
    }

    .banner-btn span:first-child {
        font-size: 16px;
    }

    .banner-btn span:nth-child(2) {
        font-size: 22px;
    }

    .banner .px-6 {
        padding: 0 15px;
    }

    .banner .px-4rem {
        padding: 5px !important;
    }

    .bookd {
        bottom: 0%;
        right: 0%;
    }

    .bookd .op10 {
        font-size: 5px;
    }

    #mw-1200 .osmed40 {
        font-size: 15px;
    }

    .box-1, .box-2 {
        padding: 1rem !important;
    }

    #mw-1200 .op30 {
        font-size: 15px;
    }

    #mw-1200 ul {
        padding-left: 15px;
    }

    .greyBG a {
        font-size: 15px !important;
    }
}

hr {
    color: #ededed;
    border-top: 3px solid rgba(0, 0, 0, .1);
    margin-left: 20%;
    margin-right: 20%;
}

.mw-420 {
    max-width: 420px;
}

.pt-6 {
    padding-top: 7rem;
}

.pt-12 {
    padding-top: 12rem;
}

.px-6, .banner-left {
    padding: 0 7rem;
}

.px-4rem {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
}

#flagBG {
    background: url('../media/flag.png');
    background-size: cover;
    background-repeat: no-repeat;
}

img {
    max-width: 100%;
}

.greyBG {
    background-color: #1c1c1c;
}

.greyBG a {
    font-size: 20px;
}

a {
    color: #14829d;
}

.break-down {
    word-break: break-word;
}

.mob-br {
    display: none;
}

@media screen and (max-width: 767px) {
    .opsemi53 {
        font-size: 24px;
    }

    .banner {
        background-size: 227%;
        background-repeat: repeat;
    }

    .bookd {
        display: none;
    }

    .cta-btn {
        min-width: 100%;
    }

    .osmed58 {
        font-size: 47px;
    }

    .mob-br {
        display: block;
    }

    .mw-420 {
        max-width: 310px;
    }

    .become-millennium-universe {
        font-size: 12px;
    }

    .millennium-universe-2020 {
        font-size: 22px;
    }

    .casting-registration {
        font-size: 25px;
    }

    .casting-address {
        font-size: 26px;
    }

    .casting-date {
        font-size: 26px;
    }
}
