@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;
	font-size: 4em;
  font-weight: 700;
}
.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;
}

.section_01 { background-color: #428bca; }
.section_02 { background-color: #5bc0de; }
.section_03 { background-color: #5cb85c; }
.section_04 { background-color: #f0ad4e; }
.section_05 { background-color: #d9534f; }
.section_06 { background-color: #1263fd; }

/* -- 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{
	color: #ffffff;
	font-size: 2em;
  	font-weight: 700;
	
}
.btn:hover{
	color:#d9e088;
}
.btn-icon i { margin-right: 5px; }
.help-block { color: #dcdcdc; }
.jumbotron h1, .jumbotron p { color: #f0ad4e; }