html {
  background: #000;
  
  background: url(/images/background-a.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
  min-height: 100vh;
  color: #fff;
  font-family: Shentox,Rogan,sans-serif;
  position: relative;
  padding-top: 0px;
  box-sizing: border-box;
}

body {
        margin: 0px;
        padding: 0px;
}


DIV {
	box-sizing: border-box;	
}

.topbar {
	width: 100%;
	position: fixed;
	top: 0;
	display: block;
}


.titlebox {
	width: 100%;
	background: rgba(0,0,0,0.75);
	margin: 0 auto;
	padding: 20px;
	text-align: center;
	display: table;
	font-family: Rogan,Shentox, sans-serif;
}
.title {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.title-logo {
	width: 8%;
	min-width: 8%;
}
.title-text {
	width: 90%;
}
.title-user {
	width: 8%;
	min-width: 148px;
}
.menuouter {
	background-image: linear-gradient(180deg, #111111, #222222, #111111);
	width: 100%;
}
.menubar {
	font-family: Shentox, Rogan, sans-serif;
	
	display: table;
}
.menubutton {
	padding: 10px;
	display: table-cell;
}
.menubutton:hover {
	background: #66ccff;
	color: #000;
}

.rb {
	border-right: 2px solid #444;
}

.fullwidth {
	width: 95%;
	background: rgba(0,0,0,0.5);
	color: #fff;
	margin: 0 auto;
	padding: 20px;
	border-radius: 10px;
}
.topspacer {
	width: 100%;
	height: 240px;
}
h1, h2, h3 {
	display: inline;
	font-family: Rogan,Shentox, sans-serif;
}
.spacer20 {
	width: 100%;
	height: 20px;	
}
.fc-table {
	width: 100%;
	display: inline-flex;
	flex-wrap: wrap
}
.fc-outer {
	width: 25%;
	max-width: 25%;
	min-width: 25%;
	display: flex;
	padding: 20px;
	
}
.fc-inner {
	width: 100%;
	border: 1px solid #fff;
	background: rgba(255,255,255,0.75);
	border-radius: 20px;
	color: #000;
	text-align: center;
}
.fc-inner img {
	width: 100%;
	height: auto;
}
.fc-block {
	padding: 20px;
	font-family: Rogan,Shentox, sans-serif;
	font-weight: 700;
}
.fc-buttons {
	display: table;
	width: 100%;
}
.fc-button {
	display: table-cell;
	padding: 10px;	
	background-image: linear-gradient(180deg, #aaaaaa, #dddddd, #aaaaaa);
	width: 33%;
}
.fc-button:hover {
	display: table-cell;
	padding: 10px;	
	background-image: linear-gradient(180deg, #111111, #222222, #111111);
	color: #fff;
	cursor: pointer;

}
