@charset "utf-8";
/* CSS Document */
body {
	font-family: 'Raleway', sans-serif;
	background-color:#f8f5f6;
}
h1 {
	font-family: 'Slabo 27px', serif;
	font-size:6.5vw;
}
h2 {
	font-family: 'Slabo 27px', serif;
	font-size: 24px;
	font-weight:normal;
}
.btn-custom {
	background-color: transparent;
	color:#fff;
	transition: all 0.5s;
	display:inline-block;
	position:relative;
	width:10rem;
	line-height:50px;
	height:50px;
	margin-left:.5rem;
	margin-right:.5rem;
	margin-top:1rem;
	border:none;
}
.btn-custom::before {
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	border:1px solid rgba(255, 255, 255, 1);
	-webkit-transition: all 0.3s;
	transiton: all 0.3s;
}
.btn-custom:hover {
	text-decoration: none;
	color:#fff;
}
.btn-custom:hover::before {
	border-color:orange;
	-webkit-transform: scale(1.2,1.2);
	transform: scale(1.1,1.1);
}
.btn-caption {
	color:#222;
}
.btn-caption::before {
	border-color:#222;
}
.btn-caption:hover {
	color:#222;
}
.half-height {
	height:70vh;
}
.bg-gray {
	background-color:#222;
}
.full-height {
	min-height:50vh;
}
.title {
	font-size:14vw;
	margin-top:2rem;
	margin-bottom: -20px;
	color:#222;
}
.project-caption {
	background-color:#edebec;
	padding:2rem;
	color:#666;
	font-size:.9em;
}
.moresamples {
	max-width:100vw;
	overflow: hidden;
}
.moresamples > .container {
	display:inline;
}
.carousel-control-prev, .carousel-control-next {
	min-width: 60px;
	min-height:60px;
	border-color:#222;
	opacity:1;
	z-index:1000;
}
.carousel-control-prev {
	right:0;
	left:auto;
}
.carousel-control-next {
	left:0;
	right:auto;
}
.carousel-control-icon {
	display:inline-block;
	width: 1.5rem;
	height: 1.5rem;
	background: transparent;
	border-top: .5rem solid #222;
	border-right: .5rem solid #222;
	transition: all 200ms ease;
	box-sizing: content-box;
	margin-bottom:1rem;
}
.carousel-control-icon:hover {
	border-color: orange;
  -webkit-box-shadow: 0.5rem -0.5rem 0 #222;
  box-shadow: 0.5rem -0.5rem 0 #222;
}
.prev-icon {
	-webkit-transform: translate3d(0, -50%, 0) rotate(-135deg);
	transform: translate3d(0, -50%, 0) rotate(-135deg);
}
.next-icon {
	-webkit-transform: translate3d(0, -50%, 0) rotate(45deg);
	transform: translate3d(0, -50%, 0) rotate(45deg);
}
#particles-js {
	height:67vh;
	min-height:550px;
	position:absolute;
	width:100%;
	z-index:-1;
	background-color:#222;
}
#contact {
	margin-top:0px;
}
@media (min-width: 768px) {
	h1 {
		font-size: 2.5em;
	}
	.title {
		font-size:80px;
		margin-top:.5rem;
	}
	#particles-js {
		height:57vh
	}
	.carousel-control-icon {
		margin-top:2rem;
		margin-bottom:0;
	}
	#contact {
		margin-top:-10px;
	}
}
@media (min-width: 992px) {
	.full-height {
		height:100vh;
	}
	#particles-js {
		height:100vh;
		padding-bottom:65px;
		box-sizing:content-box;
	}
	.title {
		margin-top:0;
		margin-bottom:.5rem;
	}
	#contact {
		margin-top:-40px;
	}
	.carousel-control-icon {
		margin-top:0;
		margin-bottom:1rem;
	}
}
@media (min-width: 1200px) {

}