/* header */
header.masthead {
  background-color: #21D4FD;
  background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);
}
header.masthead .intro-text {color:#fff;}

/* timeline */
.timeline .timeline-heading h4 {color:#B721FF}
.timeline > li .timeline-image {background-color: #21D4FD;
background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);}

/* btn */
header.masthead .intro-text a.btn {background-color:rgba(255,255,255,.9)}
header.masthead .intro-text a.btn:hover {background-color:rgba(255,255,255,1);color:#000}
header.masthead .intro-text a.btn2 {background-color:rgba(0,0,0,.8) !important;color:#fff}
header.masthead .intro-text a.btn2:hover {background-color:rgba(0,0,0,1) !important;color:#fff}

#mainNav .navbar-brand.active, 
#mainNav .navbar-brand:active, 
#mainNav .navbar-brand:focus, 
#mainNav .navbar-brand:hover  {color:#fff}

/* mobile & menu */
.ml-auto {background:transparent}
#mainNav .navbar-toggler {color:#fff}
#mainNav {  
    background-color: #21D4FD;
    background-image: linear-gradient(180deg, #21D4FD 0%, #B721FF 100%);
}

#mainNav .navbar-brand {color:#fff}
#mainNav.navbar-shrink {
    background-color: #21D4FD;
    background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);

}
#mainNav .navbar-nav .nav-item .nav-link {color:#fff;}
#mainNav.navbar-shrink .navbar-brand {color:#fff;}
#mainNav.navbar-shrink a {color:#fff}

#mainNav .navbar-nav .nav-item .nav-link.active, 
#mainNav .navbar-nav .nav-item .nav-link:hover {color:#fff}


/* footer */
footer {background:rgb(66, 70, 83)}
footer span {color:#27ffff}
footer .list-inline .list-inline-item a {color:#d7f2f2}
footer span.copyright {color:#c8cfdd}



/* fixed */
.fixed-top {background-color:transparent;}


/* mobile */

@media (max-width: 768px) {
    .navbar-nav {padding:50px 10px 0 10px}
}

@media (max-width: 576px) {
    #mainNav.navbar-shrink {    
        background-color: #21D4FD;
        background-image: linear-gradient(80deg, #A337FE 0%, #5E8CFE 100%);
        }
}