#profielwarning {
    height: 30px;
    background: #6e4b5d;
    text-align: center;
    color: white;
    padding: 5px;
    margin-top: 80px;
}
ul#middle-profiles {
    list-style: none;
}
#middle-profiles li img {
    width: 70px;
}

#middle-profiles li {
    float: left; 
    margin-right: 8px;
}
.container-fluid.bluebg {
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn {
    color: #ffffff !important;
}
.pay {
    color: black !important;
}


.biru {
    color: #c33f2a;
}
.navbar {
    background-color: #c33f2a;
}
.birubg {
    background-color: #c33f2a;
}

.btn:hover, .btn:focus {
    color: #c33f2a !important;
}

span#masuk.birubg {
    background: #c0c0c0;
   /*   animation: blink-animation 2s steps(5, start) infinite;
  -webkit-animation: blink-animation 2s steps(5, start) infinite;*/
}
/*
@keyframes  blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
*/



.nav>li>a {
    background-color: #c33f2a;
	
}
.navbar-static-top {
    border-bottom: 4px solid #c33f2a;
}
.orange {
    color: #c33f2a;
}
.orangebg, .btn-warning  {
    background-color: #c33f2a !important;
}



.blurx{
	-webkit-filter: blur(4px);
-moz-filter: blur(4px);
-o-filter: blur(4px);
-ms-filter: blur(4px);
filter: blur(4px);
}


.btn:hover, .btn:focus {
    color: #fff;
}

.masthead {
    background-image: url(https://ce4.nl/images/wantedyougif.gif) !important;
 
        background-position: 40%; 
    height: 30vh;   
       }
 



@media  only screen and (max-width: 799px) {
  
    .masthead {
        display: none;
    }
    
    .mt-3, .my-3 {
        margin-top: 3rem!important;
    }
  }
    
.topbg, .topbg h1, .topbg h2{
	text-align:left!important;
} 

.topbg .btn-lg{
	font-size:25px;
}
#middle-profiles{
	    padding-left: 0px;
}



img.blurswitch {
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: blur(4px);
}