html { 
  background-image: url("../img/cpbg3.png")  no-repeat center center fixed !important; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
	font-family: 'Coda', cursive !important;
	background-color: rgba(16,38,48,0.8) !important;
	color: white !important;
}

a{
color: #f7be68 !important;}
h4, h3, h2 {
	text-transform: uppercase !important;
	margin-bottom: 0px !important;
	color: #ff9b00 !important;
}
.funkce {
	border-right: 3px solid rgba(16,38,48,0.8);
}
.header {
	background: rgba(16,38,48,0.8) !important;
    margin: 0 !important;
}
.panel {
	border: none !important;
	background: transparent !important;
}
.panel-heading {
	color: white !important;
	background: rgba(16,38,48,0.8) !important;
	border-radius: 5px !important;
}
.panel-body {
	background-color: transparent !important;
	border: none !important;
}
.white {
	color: white !important;
    font-size: 10pt ;
}
.sikula {
	font-size: 6rem;
    font-family: 'Coda', cursive !important;
	text-transform: uppercase !important;
	margin-top: 20px;
	margin-bottom: 5px;
    color: #ff9b00;
}
.hbox {
    background-color: rgba(38,38,74,0.41);
	border: 0.2rem solid rgba(16,38,48,0.8);
	border-radius: 2rem;
	padding: 0.4em;

}
.neonText {
	color: #fff;
	text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 21px #fff, 0 0 42px #bc13fe, 0 0 82px #bc13fe, 0 0 92px #bc13fe, 0 0 102px #bc13fe, 0 0 151px #bc13fe;
}

.bg {
background-image: url("../img/cpbg3.png") !important;
width: 100%;
height: auto;
padding-bottom: 15px;
padding-top: 15px;
margin-top: 15px !important;
}

.pagecontent {
margin-top: 25px !important;
}

.headcol {
padding: 25px;
}

.brainimg {
height: 120px !important;
}