@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);

/* MAIN */
body { 
	background: #FFFEF9;
	color: #575756;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-weight: 300;
}
h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
	font-weight: 300;
}
a {
	color: #9BC9F1;
	color: #9AA8A5;
	-webkit-transition: 300ms ease-in-out;
	transition: 300ms ease-in-out;
}
a:hover, a:focus {
	color: #83A9CA;
	color: #C9DDDA;
	text-decoration: none;
}
a.toggle-btn {
  display: inline-block;
  margin-bottom: 10px;
  cursor: pointer;
}
::selection {
	background: #9AA8A5;
	color: #fff;
}
video, img {
	max-width: 100%;
}
/* END MAIN */

/* NAV */
#scrollspy-navbar {
	position: fixed;
	right: 0;
	min-height: 100vh;
	height: 100%;
	display: -webkit-box;      
	display: -moz-box;         
	display: -ms-flexbox;      
	display: -webkit-flex;     
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
	align-items: center;
}
.nav > li > a:hover, .nav > li > a:focus {
	background: transparent;
}
.nav li a {
	color: #E8E7E3;
}
.nav li.active a {
	color: #9AA8A5;
}
/* END NAV */
.item {
	min-height: 100vh;
	height: 100%;
	display: -webkit-box;      
	display: -moz-box;         
	display: -ms-flexbox;      
	display: -webkit-flex;     
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
	/*align-items: center;*/
}
.item h2 {
	margin-bottom: 20px;
}
.item ul {
	list-style-type: circle;
}

/* MEDIA QUERIES */
@media all and (min-width: 768px) {
	#.item .col-sm-8 {
		border-right: 1px solid;
	}
}
@media all and (max-width: 767px) {
	#.item .col-sm-6 {
		padding: 15px;
	}
}