html, body {
    height: 100%;
    font-family: 'Montserrat', sans-serif;
    background-color: #a87dae;
    color: #ffffff;
}

h1, h2, h3, h6 {
    color: #ffffff;
}

#CSN footer .cancer-rebel {display:none;}
.cancer-rebel {display:none;}
.logo.cancer-rebel {display: none;}


.body-wrapper{background-color: #fff;}

.nav-wrapper
{
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 6px 6px 10px -2px rgba(0,0,0,0.25);
    -moz-box-shadow: 6px 6px 10px -2px rgba(0,0,0,0.25);
    box-shadow: 6px 6px 10px -2px rgba(0,0,0,0.25);
}
.navbar{padding-right: 0px;}
.navbar-nav a{color: #000000 !important;}
.navbar-collapse{padding-top: 15px;}
.body-wrapper {
    background-color: #a87dae;
}

a.navbar-brand.csn {
    display: block;
    width: 170px; 
    margin-left: 60px;
    height: auto;}

a.navbar-brand.csn::after {
    content: "";
    display: block;
    margin-top: 5px;
    margin-left: -60px;
    width: 300px;
    height: 52px;
    background-image: url(https://thecurestartsnow.org/media/4l4du2iy/giving-first.png?width=300);
    background-size: contain;
    background-repeat: no-repeat;
}

.container-main {
    background-color: #a87dae;
}


a.btn.btn-primary
{
    background-color: #F9A533 !important;
    border-color: #F9A533 !important;
    border-radius: 30 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    
}

a.btn.btn-secondary
{
    background-color: #F9A533 !important;
    border-color: #F9A533 !important;
    border-radius: 30 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    padding-left: 100px;
    padding-right: 100px;
}

.avatarInitials {
    background-color: #f9a533 !important;
    color: white;
    border: .0625rem solid #f9a533;
}

.giving {
    background-color: #D1A2CA;
    color: #ffffff; 
    font-family: 'Montserrat', sans-serif; 
    padding: 50px;
    border-radius: 40;
}

.image-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 100px;
}

.image-grid img {
    width: 100%;
}

.fundraisers {
    background-color: #FFFFFF;
    color: #000000; 
    font-family: 'Montserrat', sans-serif; 
}

.community {
    background-color: #FFFFFF;
    color: #a87dae; 
    font-family: 'Montserrat', sans-serif; 
}

.navigation {
    background-color: #FFFFFF;
    color: #a87dae; 
    padding: 20px;
    font-family: 'Montserrat', sans-serif; 
}

.timeframe img{max-width: 75%;}


@media (max-width: 767.98px) {
    a.navbar-brand.csn{
        margin-left: 40px;
    }
    a.navbar-brand.csn::after{
        margin-left: -10px;
        margin-top: 30px;
    }
}

.mobile {
  display: none;
}

.desktop {
  display: block;
}

@media screen and (max-width: 768px) {
  .desktop {
    display: none;
  }
  .mobile {
    display: block;
  }
}