.body {
    /* background: linear-gradient(to right bottom,#f8f9fa 50%,#fff 50%); */

    /* original gradiant */
    /* background-image: linear-gradient(rgba(255, 255, 255, 0.01), rgb(255, 255, 255) 85%), radial-gradient(at left top, rgba(13, 110, 253, 0.5), transparent 50%), radial-gradient(at right top, rgba(255, 228, 132, 0.5), transparent 50%), radial-gradient(at right center, rgba(113, 44, 249, 0.5), transparent 50%), radial-gradient(at left center, rgba(214, 51, 132, 0.5), transparent 50%); */
    background-image: linear-gradient(rgba(255, 255, 255, 0.01), rgb(255, 255, 255) 85%), radial-gradient(at left top, rgba(13, 25, 253, 0.306), transparent 50%), radial-gradient(at right top, rgba(255, 228, 132, 0.5), transparent 50%), radial-gradient(at right center, rgba(116, 93, 163, 0.5), transparent 50%), radial-gradient(at left center, rgba(214, 51, 132, 0.5), transparent 50%);
    background-attachment: fixed;
}

/* header */

.navbar-nav .nav-link {
    border-bottom: .25rem solid transparent;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
    border-bottom-color: rgba(0, 0, 0, 0.50);
}

.navbar-nav .active {
    border-bottom-color: #000000;
}

.navbar-nav .nav-item+.nav-item {
    margin-left: 1rem;
}

/* main */
.brand-logo {
    width: 200px;
    margin-top: 2rem!important;
    margin-bottom: 1rem!important;
}

.brand-name {
    /* font-size: 1.75rem; */
    /* font-weight: 500; */
}

.dw-yellow {
    color: rgb(248, 171, 35);
}

.dw-brawn {
    color: rgb(67, 50, 43);
}

.btn-dw-yellow {
    color: rgb(248, 171, 35);
    border-color: rgb(248, 171, 35);
    border-width: 2px;
}

.btn-dw-yellow:hover, .btn-dw-yellow:active {
    color: black;
    background-color: rgb(248, 171, 35);
    border-color: rgb(248, 171, 35);
}

.btn-dw-brawn {
    color: rgb(67, 50, 43);
    border-color: rgb(67, 50, 43);
    border-width: 2px;
}

.btn-dw-brawn:hover, .btn-dw-brawn:active {
    color: white;
    background-color:rgb(67, 50, 43);
    border-color: rgb(67, 50, 43);
}

.btn-facebook {
    color: #4267B2;
    border-color: #4267B2;
    border-width: 2px;
}

.btn-facebook:hover, .btn-facebook:active {
    color: white;
    background-color: #4267B2;
    border-color: #4267B2;
}

.btn-instagram {
    color: #E1306C;
    border-color: #E1306C;
    border-width: 2px;
}

.btn-instagram:hover, .btn-instagram:active {
    color: white;
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .brand-logo {
        width: 250px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .border-md-start {
        border-left: rgb(222, 226, 230) solid 1px;
    }

    .brand-logo {
        width: 325px;
        margin-top: 2.5rem!important;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .brand-logo {
        width: 350px;
        margin-top: 3rem!important;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {}