#topics{

    text-align:right;
    padding:50px 20px 20px 20px;
    font-size:22;
    text-decoration:none;
    min-height:430px;
    border:0px;
}
#topics h3:hover{
    color:#87c126;
    text-decoration:none;
}
#topics a:active{
    color:pink;
}
#topics h3{
    padding-bottom: 25px;
    margin: 0px;
}
.content .base h1{
    font-family:century gothic;
    font-weight:bold;
}
.content{
    text-align:left;
    width:100%;
    color:white;
    padding:20px 50px 20px 50px;
    font-size:1.7em;
    min-height:450px;
}
@media screen and (max-width:767px) {
    .content{
        padding: 20px;
    }
    .base{
        padding: 10px 5px 10px 5px;
    }
}
.base{
    text-align:left;
    width:100%;
    color:white;
    padding:20px 50px 20px 50px;
    font-size:1.7em;
    min-height:450px;
}
.how-works-img{
    background: url(https://donorduel.com/images/home/clock-gray.jpg);
    width:100%;
    height:auto;
    background-size:cover;
    background-repeat: no-repeat;
    background-position:0% 5%;
    padding:40px;
}
.what-duel-img{
    background: url(https://donorduel.com/images/home/western-duel.jpg);
    width:100%;
    height:auto;
    background-size:cover;
    background-repeat: no-repeat;
    background-position:50% 70%;
    padding:60px 0px 20px 0px;
}
.who-benefits-img{
    background: url(https://donorduel.com/images/home/homeless2.jpg);
    width:100%;
    height:auto;
    background-size:cover;
    background-repeat: no-repeat;
    background-position:50% 33%;
    padding:60px 0px 20px 0px;
}
.tug-img{
    background: url(https://donorduel.com/images/jumbotron/tug.jpg);
    width:100%;
    height:auto;
    background-size:cover;
    background-repeat: no-repeat;
    background-position:50% 40%;
    padding:40px;
}
.gray-grad-div{
    background-image: linear-gradient(to bottom, #262626, #5c5c5c);
    padding-top:10px;    
}

#base{
    width:100%;
    background-image: linear-gradient(to bottom right, #188dff, #90c9ff);
    background-size:cover;
    background-repeat: no-repeat;
}
#base2{
    width:100%;
    background-image: linear-gradient(to bottom left, #d1aff2, #9d65d6); 
    background-size:cover;
    background-repeat: no-repeat;
    padding-top:50px;
}
#basewho{
    width:100%;
    background-image: ; 
    background-size:cover;
    background-repeat: no-repeat;
    text-align:left;
    vertical-align:bottom;
    padding-bottom:0px;
}
#basehow{
    width:100%;
    background-image: ; 
    background-size:cover;
    background-repeat: no-repeat;
    text-align:left;
    vertical-align:bottom;
    padding-bottom:0px;
}
#basewhat{
    width:100%;
    background-image: ; 
    background-size:cover;
    background-repeat: no-repeat;
    text-align:left;
    vertical-align:bottom;
    padding-bottom:0px;
}
#donorsdiv{
    width:100%;
    background-image: ;
}
#donorsdiv1{
    width:100%;
    background: url(https://donorduel.com/images/donors2.3.jpg);
    background-size:cover;
    background-repeat: no-repeat;    
}
#charitiesdiv1{
    width:100%;
    background: url(https://donorduel.com/images/charity2.2.jpg);
    background-size:cover;
    background-repeat: no-repeat;
}
#charitiesdiv{
    width:100%;
    background-image: ; 
}
#candidatesdiv1{
    width:100%;
    background: url(https://donorduel.com/images/candidate-shaking-hands3.jpg);
    background-size:cover;
    background-repeat: no-repeat;
}
#candidatesdiv{
    width:100%;
    background-image:;    
}
#promotersdiv{
    width:100%;
    background-image: ;
}
#feesdiv{
    width:100%;
    background-image: ;
    background-size:cover;
    background-repeat: no-repeat;
}
#demo{
    margin: 0px;
    padding:0px;
}
#bluediv{
    width:100%;
    background-image: ;
    padding-top:50px;
}
#orangediv{
    width:100%;
    background-image: ;
    padding-top:50px;
}
#greendiv{
    width:100%;
    background-image: ;
    background-size:cover;
    background-repeat: no-repeat;
    padding-top:50px;
}
#purplediv{
    width:100%;
    background-image: ;    
    padding-top:50px;
}
.c-logo2{
    max-width:50px;
    height:auto;
}
#small-logo h4{
    font-size:10;
    text-align:center;
}
#bottom-tall-footer{
    width:100%;
    background-image: linear-gradient(to top, #262626, #5c5c5c);
    min-height:300px;
    color:white;
}
ul.twocolumns {
    display: inline-block;
}

ul.twocolumns li {
    float: left;
    list-style: outside none none;
    width: 50%;
}