@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,600);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700);
* {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
}

.navMain{
	/* background-color: rgba(8, 62, 99, 0.842); */
	background-color:#F2F3F4;
}

body {
	height: auto;
	width: 100%;
}

.banner-img{
	color:white;
	position: absolute;
	top: 15%; left:30%;
	transform: translate(-50%, -50%);
}

/* Facebook */
.fa-facebook {
	background: #3B5998;
	color: white;
	width: 20px;
	height: 20px;

  }

.aboutus_card {
	background-color: rgba(8, 62, 99, 0.842); 
	color: white; 
	min-width: 200px;
	height: 420px;
	text-align: center; 
	padding: 0px;
}

@media (max-width: 768px) {
    .portfolio-item img {
	text-decoration: none;
	display: block;
	width: 330px;
	height: 228px;
	float: left;
	margin: 0 3px 3px 0;
	opacity: 1;
	-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
}
    .portfolio-item:hover .folio-info {
		top: 0px;
	}
    .portfolio-item .portfolio-desc .folio-info {
		padding: 0px;
	}
    .portfolio-item .portfolio-desc .folio-info h5 {
		font-size: 1em;
	};
}

@media (max-width:760px) {
	.row .area1, .row .area2 { 
	display: block;
	width: 100%;
	}
}

@media (max-width: 320px) {
    .portfolio-item:hover .folio-info {
	top: 0px;
	}
}
.text-responsive {
	font-size: calc(100% + 1vw + 1vh);
  }