.bg-rb {
    background-color: #A10CDE;
}
.text-rb {
    color: #A10CDE;
}
.jumbotron-fix {
    margin-bottom: 0em;
    padding-bottom: 0px;
}
a.navbar-brand {
    color: #A10CDE !important;
}

a.rb-light-link {
    color: #FFFFFF !important;
}

a.rb-light-link:hover {
    color:  #aaaaaa !important;
}

 

a.nav-link, a.rb-dark-link {
    color: #A10CDE !important;
}

a.nav-link:hover, a.rb-dark-link:hover {
    color:  #52007F !important;
}

.parallax {
    /* The image used */
    background-image: url("rb-get-started.png");
  
    /* Set a specific height */
    min-height: 500px; 
  
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.card-img-top {
    object-fit: cover;
    height: 300px;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media only screen and (hover: none) and (pointer: coarse) {
    .parallax {
        display: none;
    }
}

@media (max-width: 40em) {
    .rb-title {
        font-size: 40px;
    }
    .link-title {
        font-size: 15px;
    }
    .card-img-top {
        height: 150px;
    }
}

@media (max-width: 80em) {
    .card-img-top {
        height: 230px;
    }
}