html {
    font-weight: 100;
    letter-spacing: 1px;
		background-image: url(https://people.iou.is/lib/img/people.jpg)!important;
		background-color: #fafafa!important;
		background-size: cover;
}

footer {
	position: fixed;
	width: 100%;
	bottom: 0;
}

.app-panel {
  height: 60vh;
}
.bg-iou {
	background-color: rgba(222,117,46,1);
}

.bg-info {
	background-color: rgba(222,118,46,0.240)!important;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
    color: #fafafa !important;
    background-color: #de8020;
    border-color: #fafafa;
}

.form-control {
    background-color: rgba(0,0,0,0.444)!important;
}

.thumb-lg {
    border: 5px solid #fafafa!important;
    border-radius: 60%!important;
}

#content {
	background-color: rgba(0,0,0,.333)!important;
  padding-top: 8vh;
  height: 100vh;
}

.ver-info {
  text-align: center;
}

@media (max-height: 750px) {
  .img-logo {
  	width: 40%;
  }
  .ver-info {
    text-align: right;
  }
}

@media (min-height: 750px) {
  #content {
  	padding-top: 15vh;
  }
}

@media (min-height: 950px) {
  #content {
  	padding-top: 20vh;
  }
}