body {
	text-align: center;
}
h1 {
	margin: 0;
}
.uk-navbar-container {
	overflow: hidden;
	background-color: #333 !important;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1;
}
#about:before {    
	content: "";
	background-image: url("https://www.customsolutionsintl.com/imgs/header-img-4.jpg");
	background-size: cover;
	position: absolute;
	top: 80px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	opacity: 0.5;
}
#about > div {
	position: relative;
}
.section:nth-child(odd) {
	background: #eee;
}

.section {
	min-height: calc(100vh - 80px);
	padding-top: 80px;
}
.section:last-child {
	/* min-height: unset; */
}
.section > div {
	margin-top: 100px;
	margin-bottom: 80px;
}
#brand-logos {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

/* Flip box */
.flip-box {
	height: 500px;
	perspective: 1000px;
	display: inline-block;
}
.flip-box:hover {
	cursor: pointer;
}
.flip-box-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
}
.flip-box.hover .flip-box-inner {
	transform: rotateY(180deg);
}
.flip-box.flip-hover:hover .flip-box-inner {
	transform: rotateY(180deg);
}
.flip-box-front, .flip-box-back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.flip-box-back {
	transform: rotateY(180deg);
	overflow: auto;
}

.fadein {
    animation: fadein forwards;
    -webkit-animation: fadein forwards;
}

@keyframes fadein {
    0% { opacity:0; }
    100% { opacity:1; }
}

@-webkit-keyframes fadein {
    0% { opacity:0; }
    100% { opacity:1; }
}