a.a--no-weight {
	font-style: italic;
	font-weight: 300;
}

.container--big {
	height: 175vh;
}
.container--full {
	height: 100vh;
}
.container--small {

	height: 80vh;
}
.container--small2 {
	height: 60vh;
}
.container--small2 h1 {
	color:#fff;
	text-align: center;
	padding-top:50px;
	padding-bottom: 20px;
	text-transform: uppercase;
	font-weight: 600;
}

.container--small2 p {
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-weight: normal;
	font-size:3rem;
}
.container--small h1 {
	text-align: center;
  	background:#4d4d4f;
  	font-size:4rem;
  	letter-spacing: -.05rem !important;
  	padding-top:2%;
  	color: #fff;
  	font-weight: normal;

}
.container--small h1 span{
	letter-spacing: -.05rem !important;
	font-weight: bolder;

}
.container--small h2 {
	font-family: gandhi_sansregular, Helvetica, Arial, sans-serif;
	color:#fff;
	text-align: center;
	padding-top:0px;
	padding-bottom: 20px;
	font-weight: none;
	width:50%;
	margin:auto;
	font-size:1.5rem;
}
.container--small p {
	text-align: center;
	color: rgba(255, 255, 255, .9);
	text-transform: uppercase;
	font-weight: normal;
	font-size:1.6rem;
}
.parallax__container {
	clip: rect(0, auto, auto, 0);
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -100;
}
.parallax__container .parallax {
	/* can be put in a seperate class for better control */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	/* --------------------------- */
	position: fixed;
	top: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	width: 100%;
	
}

.bg1 {
	background-image: url("../img/bg1.jpg");
}

#bg3 {
	background-image: url("../img/bg3.jpg");
}

.show-on-mobile--inline {
	display: none;
}
.arrow {
	-webkit-animation: bounce 3s infinite;
	animation: bounce 3s infinite;
	bottom: -64px;
	bottom: -4rem;
	left: calc(50% - 19px);
	position: absolute;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	transition: opacity 250ms ease-in-out;
	width: 38px;
}
.arrow--hide {
	opacity: 0;
}

@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
	60% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
	60% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
}
@media screen and (max-width: 992px) {
	.container--small2 h1 {
	padding-top:25%;
	font-size:4rem;
	}
	.container--small2 p {
	font-size:2rem;
	}
	.container--small h2 {
	width:90%;
	}
}
@media screen and (max-width: 576px) {
	.hide-on-mobile {
		display: none;
	}

	.show-on-mobile--inline {
		display: inline;
	}
	.container--small h1 {
		font-size:3rem;
	}
	.container--small h2 {
	width:90%;
	}
}
@media screen and (max-width: 768px) {
	.container--small2 h1 {
	padding-top:35%;
	font-size:4rem;
	}
	.container--small2 p {
		font-size:2rem;
	}
	.container--small {

	height: 60vh;
}
}