body {
	background-color: #B9BDB5;
	background-size: cover;
 }

body,
html {
	min-height: 100%;
}

#title {
	margin-top: 12px;
	margin-bottom: 20px;
	color: #f1f2f1;
	font-family: 'Titillium Web', sans-serif;
	font-size: 23px;
}

nav {
	height: 50px;
	background-color: #222;
	color: #A39E9E;
}


.navbar-header {
		padding: 10px;
}

#main {

	margin-top: 4%;
	background-color: #555667;
	height: 100%;
	min-height: 100%;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.row-centered {
	text-align: center;
}

.col-centered {
	display: inline-block;
	float: none;
	/* reset the text-align */
	/* inline-block space fix */
	margin-right: -4px;
}

#btnArea {
	height: 40px;
	margin-top: 30px;
}

.btn {
	width: 25%;
	margin: 8px 10px 20px 17px;
}

#loadArea {
	min-height: 700px;
}

#loadIn {
	margin-top: 50px;
}

.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto;
}



.img-responsive {
	max-width: 100%;
	width: 140px;
}

.glyphicon-facetime-video {
	color: #11B311;
}

.glyphicon-ban-circle {
	color: #CC311E;
}