@import url('https://fonts.googleapis.com/css?family=Reem+Kufi');
@import url('https://fonts.googleapis.com/css?family=Montserrat');
body {
	height: 100%;
	position: relative;
	margin: 0;
}
.mainheader {
	height: 75px;
	width: 100%;
	margin: 0;
	vertical-align: middle;
	padding-left: 125px;
}
@media screen and (max-width: 768px) {
	.mainheader {
		padding-left: 25px;
	}
}
.mainlogo {
	height: 75px;
	display: table-cell;
	position: relative;
	vertical-align: middle;
	position: relative;
}

.sidepattern {
	z-index: 255;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100px;
	background: url('../images/sidepattern1.png');
	background-size: 75%;
}
.logo {
	height: 50px;
	display: block;
	vertical-align: middle;
}

.products {
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 2em;
	text-align: center;
	margin-bottom: 50px;
}
.productdesc {
	display: table-cell;
	vertical-align: middle;
	height: 120px;
	font-family: 'Montserrat', sans-serif;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
.col-lg-2 {
	text-align: center;
}
a {
	color: #000000;
	font-weight: bold;
}
a :hover {
	color: #333333;
}
a :focus {
	border: none;
}
.row {
	margin-top: 50px;
}
.productimg {
	margin-left: 50px;
	display: inline-block;
	margin-right: 50px;
	margin-bottom: 50px;
	width: 100px;
	height: 100px;
	
	border-radius: 50%;
}
.wrapper {
	margin-left: 120px;
}
@media screen and (max-width: 768px) {
	.wrapper {
		margin-left: 0;
	}
}
.productimg.halftonepro {
	background: url('../images/halftonepromo.png');
	background-size: 100%;
}
.productimg.polygons {
	background: url('../images/polypromo.png');
	background-size: 100%;
}
.productimg.stripes {
	background: url('../images/stripespromo.png');
	background-size: 100%;
}
.products-inner {
	display: inline-block;
	padding: 2px;
	border-bottom: 2px solid #000000;
}
.section {
	dispay: flex;
	padding: 50px;
}
.mainbackground {
	width: 100%;
	height: 80vh;
	position: relative;
	display: block;
	min-height: 400px;
	margin: 0;
	background: url('../images/bg.png');
	background-size: 100%;
}
.teampic {
	border-radius: 50%;
	height: 200px;
	margin-bottom: 20px;
}
.mainslogan {
	color: #FFF;
	font-family: 'Reem Kufi';
	font-weight: bold;
	font-size: 5em;
	text-transform: uppercase;
	position: absolute;
	right: 20px;
	top: 40%;
	width: 50%;
	text-align: right;
}
@media screen and (max-width: 992px) {
	.mainslogan {
		font-size: 6vw;
	}
}
@media screen and (max-width: 768px) {
	.mainslogan {
		font-size: 10vw;
		text-align: center;
		width: 100%;
		right: 0px;
	}
}