/*Custom CSS here*/
.transition-500{
	transition:500ms;
}
h1,h2,h3,h4,h5,h6{
	font-family: Rubik;

}
p{
	font-family: Chivo;
}
.btn{
	font-family: Chivo;
	font-weight: 500;
}
.scrollToTop .showScrollTop{
	display:none;!important
}
#pagecontainer{
	position:absolute;
	top:0px;
	left:0px;
	z-index:-10;
}
.pageselection{
	/*width:5vw;*/
}
.homesections {
	width: calc(100vw / 5 + 170px);
	clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
	background-position: center;
	background-size: cover;
}
.homesections-h1{
	height: 20%;
	padding-right: calc(30% / 5 + 4%);
	padding-left: 4%;
	width: 80%;
	opacity: 1.0;
	background-color: rgba(0,0,0,0.60);
}
.centertransform{
	transform:translateX(50vw - 50%);
}
.bg-darker{
	background-color:#151515;
}
.text-secondary{
	color:#224387!important;
}
.text-primary{
	color:#dfd436;
}

	@media (min-width: 768px) {
		.partial-gradient{
				background: linear-gradient(110deg, #dfd436 80%, #224387 80.2%);
		}
	}
	@media (min-width: 768px) {
		.split-background{
		
				background: linear-gradient(90deg, #dfd436 25%, #224387 25.2%);
		}
	 }



active{
	font-weight: bold;
}
.bg-darken{
	background:rgba(0,0,0,0.5)
}
.vh-25{
	height:25vh;
}
.vh-10{
	height:10vh;
}