.text-orange { color: #F26C4F }
.text-yellow { color: #FFFF00 }
.text-indigo { color: #0088CC }
.text-white { color: #FFF }

.mono { font-family: 'Courier' !important; }
.dividerx { height: 30% }

.header-logo { top:10px !important; }
.sticky-header-active .header-logo { top:0 !important; }
.header-logo a img { width:500px !important; }
.sticky-header-active .header-logo a img { width:250px !important; }

.page-title {
     background: linear-gradient(180deg, rgba(33,37,41,1) 50%, rgba(0,0,0,0.85) 60%, rgba(0,0,0,0) 90%);     
     margin: 0;
     padding: 10px 0;
}

.page-title h1 { color: #0DCAF0 }
.page-title .sub-title { color: #000 }



@media (max-width : 320px) {
     .header-logo { top:0 !important; }
     .header-logo a img { height:40px !important; }
     .text-12 { font-size:2.5em !important; }
 }