.bg-white {
    background-color: #fff!important;
}

@media (min-width: 992px) {
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0!important;
    }
}

@media (min-width: 768px) {
    .p-md-5 {
        padding-top: 3rem!important;
        padding-right: 3rem!important;
        padding-bottom: 3rem!important;
        padding-left: 3.5rem!important;
    }
}

.ml-lg-n5 {
    padding-right: 2rem;
}
@media screen and (min-width:600px) {
    .ml-lg-n5 {
        padding-right: 2rem;
    }
}

@media screen and (max-width:600px) {
    .ml-lg-n5 {
        padding-right: 0 !important;
    }
}
.font-weight-bolder {
    font-weight: bolder!important;
}

.text-center {
    text-align: center!important;
}

@media (min-width: 768px) {
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem!important;
    }
    .mb-3,
    .my-3 {
        margin-bottom: 1rem!important;
    }
    .display-4 {
        font-size: 3.5rem;
        font-weight: 300;
        line-height: 1.2;
        padding-bottom: 5rem;
    }
}

.mb-5,
.my-5 {
    margin-bottom: 3rem!important;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
@media screen and (min-width:600px) {
    .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }
}

@media screen and (max-width:600px) {
    .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: 0px;
        margin-left: -15px;
    }
}

*,
 ::after,
 ::before {
    box-sizing: border-box;
}

.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

@media (min-width: 992px) {
    .offset-lg-1 {
        margin-left: 8.333333%;
    }
}

@media (min-width: 992px) {
    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2;
    }
}

@media (min-width: 992px) {
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 992px) {
    /* .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem!important;
    } */
}

.w-100 {
    width: 100%!important;
}

.img-fluid {
    height: auto;
}

img {
    vertical-align: middle;
    border-style: none;
}

gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

@media (min-width: 1200px) {
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem!important;
    }
}

.align-self-center {
    -ms-flex-item-align: center!important;
    align-self: center!important;
}

@media (min-width: 992px) {
    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1;
    }
}

@media (min-width: 992px) {
    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
}

.mt-auto,
.my-auto {
    margin-top: auto!important;
}

.mb-0,
.my-0 {
    margin-bottom: 0!important;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

*,
 ::after,
 ::before {
    box-sizing: border-box;
}

user agent stylesheet p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.rounded-0 {
    border-radius: 0!important;
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545;
}

.btnjoin {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    padding: .375rem .75rem;
    font-size: 2rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}