@import url('https://fonts.googleapis.com/css?family=Roboto+Mono');
@import url('https://fonts.googleapis.com/css?family=Limelight');

body{
	max-width:100%;
	overflow-x:hidden; 
	font-family:Roboto Mono;
}
.loader_img{
	max-width:200px !important;
	margin:10% auto !important;
	display:block !important;
	margin-bottom:20pt !important;
}
.homebg{
	background-color:#636363;
	padding:20px;
	min-height:100vh;
	width:100%;
	margin:0 !important;
}
.homebg h1.title{
	color:#fff;
	font-weight:bold;
	font-size:80pt;
	text-align:center!important;
	margin-top:5%;
	display:block;
	width:100%;
	font-family:Limelight;
}
.homebg .form-control{
	background-color:#636363 !important;
	color:#dedede !important;
}
.homebg .form-control::-webkit-input-placeholder{
	color:#dedede !important; 
}
.btn-submit{
	min-width:50% !important;
	padding-left:20px !important;
	padding-right:20px !important;	
}
.img-responsive-fullsize{
	min-width:100%;
}
.panel-danger {
	background:Red;
	color:#fff;
	display:block;
	padding:5px;
	border-radius:5px;
}
//Pre Loader CSS

.loadingCentre {
  position: absolute;
  height: 130px !important;
  width: 130px !important;
  left: 50%;
  top: 50%;
  margin-left: -65px;
  margin-top: -65px;
  background: #fafafa;
}

#loadingBar {
  width: 130px;
  height: 15px;
  border: 1px solid #ccc;
  border-radius: 20px;
}

.loadedContent { height: 800px; }

#loadingText {
  text-align: center;
  color: #AAA;
  font-size: 11px;
  font-family: arial;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
	.navigation ul li a {
		font-size: 1rem !important;
	}
	.browser_casing {
		height: inherit !important;
	}
	.overall {
		margin-top: 165px !important;
	}
	.main_message {
		font-size: 3rem !important;
	}
	.overall .number {
		font-size: 7rem !important;
	}
	.scorebarcontainer {
		margin: 0 auto 25px auto !important;
	}
	.intro h1 {
		font-size: 3rem !important;
	}
	.mobile_casing {
		text-align: center;
		background-size: 65% !important;
	}
	.customCircles {
		text-align: center;
	}
	.secIcon {
		margin-bottom: 20px;
	}
}