html, body {
  height: 100%;
  font-family: Verdana !important;
}

html {
  font-size: 90%;
  line-height: 1.6;
}

body {
  padding-top: 30px;
  min-height:100%;
  background: url(/images/bg.jpg) no-repeat center center fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -webkit-overflow-scrolling:touch;
  -moz-background-size: cover;
  -o-background-size: cover;
  padding: auto 5%;
}

.box {
  margin-bottom: 20px;
  background-color: rgba(3, 3, 3, 0.55);
  border: 1px solid #111;
  padding:20px 5% !important;
  color:#DDD;
}

.box a, .box a:active {
  color: #DDD
}

.box a:hover {
  color: #BBB
}

.box-trans {
  background-color: transparent;
  border: none;
}

.btn {
	color: #DDD !important;
	background-color: rgba(125, 125, 125, 0.65)  !important;
	border: 1px solid #CCC !important;
}

.btn:hover, .btn:focus {
	background-color: rgba(80, 80, 80, 0.65)  !important;
	color: #FFF !important;
}

.box .form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #111;
  box-shadow: 0 0 0 .25rem rgba(200, 200, 200, 0.35);
}

.blockquote-footer {
	color: #BBB !important;
}

p {
  margin-bottom: 25px;
}