/* ------------------------------------------------------------------------------
	Template Name: Flosix
	Author: Designstub
	Author URI: http://www.designstub.com
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.0

/* ------------------------------------------------------------------------------
	Typography
-------------------------------------------------------------------------------*/
body.home-page-bg{
  background: url(../images/main-bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



body, a, p{
	font-family: 'Montserrat', sans-serif;
}

@media (min-width: 1200px){
.container {
    width: 100%;
}
}

@media (min-width: 992px){
.container {
    width: 100%;
}
}

@media (min-width: 768px){
.container {
    width: 100%;
}
}

a.logo img{
	max-width: 272px;
}

#header .header-content{
	padding: 17px 12px;
}

#header.fixed .header-content{
	padding: 12px 12px;
}

.navigation{
	margin-top: 3px;
}

.space hr.section{
	padding: 30px 0;
}

.work-detail, .hero-content{
	max-width: 100%;
	margin: 0 auto;
}

.work-detail img{
	margin: 0px;
}

.col-sm-12, .col-md-12{
	padding: 0px;
	margin: 0px;
}

#portfolio .portfolio-item{
	margin: 0px;
	padding: 0px;
}

#works-info.section{
	padding: 20px 0px 0px 0px;
}

.container{
	padding: 0px;
}

.row{
	margin: 0px;
}

hr.hp{
	border-top: 1px solid #fff;
}

.col-md-12 img{
	max-width: 1240px;
	margin: 0 auto;
	padding-bottom: 15px;
}

.navigation li{
	padding: 20px;
	background-color: #c1c4a8;
}

.navigation.open{
	opacity: 1;
}

.navigation a{
	margin-left: 0;
}

hr.hp {
    border-top: 0px solid #fff;
}

/*
.portfolio-link h3{
    margin: 0;
    color: #000000;
    font-size: 17px;
    letter-spacing: 4px;
    text-transform: uppercase;
	
	position: absolute;
    top: 50%;
    width: 100%;
    height: 20px;
    margin-top: -12px;
    text-align: center;
}
*/


/*#portfolio .portfolio-item .portfolio-link .caption{
	background-image: url(../images/portfolio/project-1.jpg);
	background-position: center;
	background-size: contain;
}*/

#portfolio .portfolio-item .portfolio-link .project-1{
	background-image: url(../images/portfolio/project-1.jpg);
	background-position: center;
	background-size: contain;
}

#portfolio .portfolio-item .portfolio-link .project-2{
	background-image: url(../images/portfolio/project-2.jpg);
	background-position: center;
	background-size: contain;
}

#portfolio .portfolio-item .portfolio-link .project-4{
	background-image: url(../images/portfolio/project-4.jpg);
	background-position: center;
	background-size: contain;
}

#portfolio .portfolio-item .portfolio-link .project-5{
	background-image: url(../images/portfolio/project-5.jpg);
	background-position: center;
	background-size: contain;
}

#portfolio .portfolio-item .portfolio-link .project-6{
	background-image: url(../images/portfolio/project-6.jpg);
	background-position: center;
	background-size: contain;
}

#portfolio .portfolio-item .portfolio-link .project-7{
	background-image: url(../images/portfolio/project-7.jpg);
	background-position: center;
	background-size: contain;
}

.navigation, .navigation a{
	color: #000 !important;
}

.image-padding img{
	padding: 20px;
}

.work-detail a{
	color: #c1c4a8;
}