body {
	background-color: #ecf0f1;
	font-family: 'Noto Sans', sans-serif;
}

#header-section {
	background-color: #344142;
}

.row.top-head {
	padding: 20px;
}

.title-area {
	text-align: center;
	padding-top: 60px;
}

.research-title {
	text-align: center;
	padding-top: 60px;
	padding-bottom: 60px;
}

.research-title .fa {
	color: #fff;
	font-size: 48px;
	width: 48px;
	height: 48px;
}

.research-title h1 {
	color: #fff;
	font-weight: 600;
}

.title-area h1 {
	color: #fff;
	font-weight: 600;
}

#title-reveal {
	visibility: hidden;
}

#footer-section {
	background-color: #95a5a6;
}

.left-off-canvas-toggle .fa {
	color: #fff;
	font-size: 18px;
	width: 18px;
	height: 18px;
	text-align: left;
}

.social-media {
	text-align: right;
}

.social-media .fa {
	color: #fff;
	font-size: 18px;
	width: 18px;
	height: 18px;
}

.social-media ul {
	list-style-type: none;
	margin: 0;
}

.social-media li {
	display: inline-block;
	padding-left: 15px;

}

div.off-canvas-wrap.move-right {
    position: fixed;
}

.row.main-info {
	padding: 20px;
	border-bottom: 1px solid #d6d7d7;
}

.item .fa {
	font-size: 48px;
	width: 48px;
	height: 48px;
}

.item h4 {
	text-align: center;
}

.item h5 {
	text-align: center;
	font-size: 36px;
}

.row.desc-info {
	padding: 20px;
}

.desc-item h4 {
	font-size: 36px;
	text-align: center;
}

.row.footer-info {
	padding: 20px;
}

.item-foot p {
	font-size: 10px;
	color: #fff;
	margin-top: 5px;
}

.item-foot ul {
	margin: 0;
	padding: 0;
	text-align: right;
	list-style-type: none;
}

.item-foot li {
	display: inline-block;
	padding-left: 10px;
}

.item-foot .fa {
	color: #fff;
	font-size: 12px;
	width: 12px;
	height: 12px;
}

.left-off-canvas-menu ul {
	list-style-type: none;
}

.left-off-canvas-menu li {
	padding-bottom: 15px;
}

.left-off-canvas-menu a {
	color: #fff;
}

.left-off-canvas-menu {
	padding-top: 20px;
}

.home-button .fa {
	color: #fff;
	font-size: 18px;
	width: 18px;
	height: 18px;
}

.navbar {
	text-align: right;
}

.navbar ul {
	list-style-type: none;
	margin: 0;
}

.navbar li {
	display: inline-block;
	padding-left: 10px;
}

.navbar a {
	color: #fff;
	display: block;
	font-size: 14px;
}

#research-section {
	background-color: #344142;
}

#project-section {
	background-color: #344142;
}

#people-section {
	background-color: #344142;
}

#contact-section {
	background-color: #344142;
}

.row.main-research {
	padding: 20px;
}

.research-logo .fa {
	font-size: 36px;
	width: 36px;
	height: 36px;
}

.research-logo {
	text-align: center;
}

.button {
	border-radius: 3px;
	font-size: 12px;
}

.row.contact-area {
	padding: 20px;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

   @media only screen and (min-width: 641px) {
   		#research-section {
   			background: url("../img/research1.jpg") no-repeat center center fixed;
   			-webkit-background-size: cover;
  			-moz-background-size: cover;
  			-o-background-size: cover;
  			background-size: cover;
   		}

   		#project-section {
   			background: url("../img/projects.jpg") no-repeat center center fixed;
   			-webkit-background-size: cover;
  			-moz-background-size: cover;
  			-o-background-size: cover;
  			background-size: cover;
   		}

   		#people-section {
   			background: url("../img/people.jpg") no-repeat center center fixed;
   			-webkit-background-size: cover;
  			-moz-background-size: cover;
  			-o-background-size: cover;
  			background-size: cover;
   		}

   }