body{
	color: #babbc0;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
}

#bsp-nav .menu-item a{
	color:#000;
}

.social-links a {
	background: orange;
	padding: 0;
	border-radius: 20px;
	height: 32px;
	display: inline-block;
	line-height: 32px;
	overflow: hidden;
	width: 32px;
	text-align: center;
	vertical-align: middle;
}

.bg-orange{background-color:#f89422;}

.footer{
	background-color: #f5f5f5;
	font-size: 14px;
}
.footer p{font-size: 14px;}

.footer h3 {
	color: #31aae3;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 700;
}

.footer .menu-item a{
	color:#000;
	font-size: 14px;
}

/*
	Parallax Effect



	<div class="parallax">
		<div class="parallax__layer parallax__layer--back">
			...
		</div>
		<div class="parallax__layer parallax__layer--base">
			...
		</div>
	</div>


*/


.parallax {
  perspective: 1px;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
}
.parallax__layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.parallax__layer--base {
  transform: translateZ(0);
}
.parallax__layer--back {
  transform: translateZ(-1px);
}

.bg-light-blue{background-color:#31aadf;}
.bg-yellow {background-color: #f2c232;}
.text-yellow {color: #f2c232;}
.text-turquoise {color: #00b0d2;}
.text-blue {color: #34a9dd}
.text-light-blue {color: #31aadf;}
.text-violet {color: #21326d; }


.display- { line-height: 1; }