@import url(https://fonts.googleapis.com/css?family=Muli:400,700);

/* -- Demo -- */
body {
	margin: 0;
	padding: 0;	
	overflow: hidden;
  font-family: "Muli", sans-serif;
  background: #dcdcdc;
}
.content {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: scroll;
}

.content {
  padding: 5%;
}
.content h1 {
  text-align: center;
  color: #428bca;
  margin-bottom: 40px;
}
.content .modal-btns { text-align: center; }

/* -- Modal Styles -- */
.full-modal {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: none;
	opacity: 0;
	overflow: scroll;
}
.full-modal:target {
	display: block;
	z-index: 2;
	opacity: 1;
}
.popup:target ~ .content {
	overflow: hidden;
}

.modal-exit {
	position: fixed;
	top: 10px;
	right: 50px;
	width: 1em;
	height: 1em;
	z-index: 10;
	padding: 0.3em;
	font-size: 3em;
	line-height: 1em;
	text-decoration: none;
	color: #ffffff;
}
.modal-exit:hover {
	color: #dcdcdc;
}

.bg-primary { background-color: #428bca; }
.bg-info { background-color: #5bc0de; }
.bg-success { background-color: #5cb85c; }
.bg-warning { background-color: #f0ad4e; }
.bg-danger { background-color: #d9534f; }

/* -- Additional Demo Styles -- */
.full-modal h1 {
  font-size: 3em;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  color: #ffffff;
}
.full-modal h2 {
  font-weight: 400;
  color: #ffffff;
}

.full-modal p {
  font-size: 18px;
  color: #ffffff;
}
.btn-icon i { margin-right: 4px; }
.help-block { color: #dcdcdc; }
.jumbotron h1, .jumbotron p { color: #f0ad4e; }