@charset "utf-8";
/* CSS Document */


div .ff {
	width:auto;
	height:100%;
}


.ff p {
	font-family: 'Scope One', serif;
	/* font:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; */
	font-size:20pt;
	color:#FFFFFF;
	font-weight:100;
	font-style:normal;
	line-height:3ex;
}


.ff h1 {
	font-family: 'Coustard', serif;
	/* font:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; */
	font-size:2.5vw;
	color:#FFFFFF;
	font-weight:100;
	font-style:normal;
	line-height:3ex;
}

.ff ul {
	font-family: 'Scope One', serif;
	/* font:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; */
	font-size:30pt;
	color:#FFFFFF;
	font-weight:100;
	font-style:normal;
	line-height:3ex;
}

.ff li {
	font-family: 'Scope One', serif;
	/* font:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; */
	font-size:20pt;
	color:#FFFFFF;
	font-weight:100;
	font-style:normal;
	line-height:3ex;
}

#mainPage {
	background:url(../../images/mainPage.jpg) left top no-repeat;
    background-size:cover;
}



.logoOnMainPage {
		display:inline-block;
		clear:both;
		margin-top:0;
		width: 49.1vw;
		height:10.25vh;
		left:9vw;
		position:relative;
		background:url(../../images/logoOnMainPage.png) left top no-repeat;
		background-size: contain;
}


.mainPageBox {
		background:url(../../images/semiBackground.png) left top repeat;
		background-size:cover;
		width: 50%;
		min-width: 600px;
		height: auto;
		position:relative;
		top:35%;
		left:25%;
		padding:40px;
		text-wrap:normal;
}

p, ul, li,
.products li,
.contactUs li,
.mainPageBox p,
.aboutUs p,
.products p,
.capabilities p,
.contactUs p,
#mainPageBox p
#aboutUs p,
#products p,
#capabilities p,
#contactUs p  {
	font-size:1.1vw;}


#aboutUs {
	background:url(../../images/aboutUs.jpg) left top no-repeat;
    background-size:cover;
}



.aboutUs {
		background:url(../../images/semiBackground.png) left top repeat;
		background-size:cover;
		width: 45%;
		height: auto;
		position:absolute;
		top:20%;
		right:20%;
		padding:30px;
		text-wrap:normal;
}



#products {
	background:url(../../images/products.jpg) left top no-repeat;
    background-size:cover;
}


.products {
		background:url(../../images/semiBackground.png) left top repeat;
		background-size:cover;
		width: 50%;
		height: auto;
		position:absolute;
		top:15%;
		left:20%;
		padding:30px;
		text-wrap:normal;
}



#capabilities {
	background:url(../../images/machinery.jpg) left top no-repeat;
    background-size:cover;
}


.capabilities {
		background:url(../../images/semiBackground.png) left top repeat;
		background-size:cover;
		width: 40%;
		height: auto;
		position:absolute;
		top:25%;
		right:25%;
		padding:30px;
		text-wrap:normal;
}



#family {
	background:url(../../images/family.jpg) left top no-repeat;
    background-size:cover;
}


.family {
		background:url(../../images/semiBackground.png) left top repeat;
		background-size:cover;
		width: 25%;
		height: auto;
		position:absolute;
		top:20%;
		right:15%;
		padding:30px;
		text-wrap:normal;
}




#contactUs {
	background:url(../../images/contactUs.jpg) left top no-repeat;
    background-size:cover;
}


.contactUs {
		background:url(../../images/semiBackground.png) left top repeat;
		background-size:cover;
		width: 50%;
		height: auto;
		position:absolute;
		bottom:10%;
		right:25%;
		padding:30px;
		text-wrap:normal;
}