style.css

@font-face
{
font-family: "proxima-nova";
src: url('styles/fonts/ProximaNova-Regular.otf'),
     url('styles/fonts/ProximaNova-Light.otf'); /* IE9 */
}



body, p, h1, h2, h3, a {
	font-family: "proxima-nova", "helvetica-neue", helvetica, arial, 'sans serif';
}




/* Video START */
/* Video START */


.header-unit h1 {
    color: #fff;
    font-size: 42px;
    font-weight: 200;
    text-align: center;
    padding-top: 200px;
}

.header-unit h2 {
    color: #fff;
    font-size: 36px;
    font-weight: 200;
    text-align: center;
    padding-top: 150px;
}


.header-unit h3 {
    color: #fff;
    margin-right: 40px;
    font-size: 18px;
    padding: 8px;
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    font-weight: 200;
    padding-color: (255, 255, 255, 0.3);
}



.header-unit {
  height: 560px;
  border-right:none;
  border-left: none;
  position: relative;
}




#video-container {
    top:0%;
    left:0%;
    height:100%;
    width:100%;
    overflow: hidden;
    position: absolute;
}
video {
    position:absolute;
    z-index:-1000;
}
video.fillWidth {
    width: 100%;
    height: auto;
}


.vpat {
    background-color: #20BBE9;
    position: absolute;
    opacity: 0.8;
    left: 0px; top: 0px; 
    width: 100%;
    height: 100%;
    z-index: -900;
}


.banner {
    background-color: #20BBE9;
    top:0%;
    left:0%;
    height:100%;
    width:100%;
    overflow: hidden;
    position: absolute;
    z-index: -900;
}



/* Video END */
/* Video END */




#intro {
	padding: 110px 0px 10px 0px;
	color: #787f8c;
}




#intro p {font-size: 24px;}


#process {
    background-color: #fff;
    padding: 60px 0px 60px 0px;
    color: #787f8c;
    text-align: center;
}

#process h2 {color: #5c5c5c; font-size: 21px;}
#process p {font-size: 18px; text-align: left;}
#process img {height: 100px; width: 100px;}





#team {
	text-align: center;
	background-color: #fff;
	padding: 90px 0px 40px 0px;
	color: #787f8c;
}

#team h2 {color: #5c5c5c;}
#team p {font-size: 18px;}
#team .img-circle {height: 220px; width:220px;}


img.bnw {
    filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE5+ */
    -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
}
img.bnw:hover {
    filter: none;
    -webkit-filter: grayscale(0);
}





#portfolio {
	padding: 80px 0px;
	background: url('images/papertexture.jpg');
	background-position: 50% 20%;
	background-size: cover;
	text-align: center;
}

#portfolio h1 {color: #5c5c5c; text-align: left; padding-bottom: 60px;}
#portfolio h2 {color: #787f8c;}
#portfolio img {text-align: center;}

.portfimg {max-width: 350px; height: 196px; text-align: center; margin: 0px auto;}
.portfimg1 {width: 200px; text-align: center;}
.portfimgx {padding-top: 10px; text-align: center;}








#contact {
	padding: 200px 0px;
	background-color: #20BBE9;
	color: #fff;
	
	font-weight: 100;
	text-align: center;
}

#contact h1 {
	font-size: 50px;
}

#contact h2 {
	font-weight: 200;
}


#contact a {
	font-size: 24px;
}



.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
color: #fff;
background-color: rgba(255, 255, 255, 0.3);
border-color: #fff;
}

.btn-default {
color: #fff;
background-color: transparent;
border-color: #fff;
font-size: 28px;
margin-top: 20px;
}