body {
font-family: 'Darker Grotesque', sans-serif;	
}

.lighten-1  {
background-color:rgba(0, 0, 0, 0.5);	
height:90px;
padding:10px;	
}

.menu-icons{
font-size:60px !important;
color:white !important;
}

.header-title{
font-size:42px;
}

.header-banner{
height:850px;	
background-image: url("../img/background2.jpg");
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin-top:-90px;
}

.header-container{
margin-top:	200px;
}

.header-index-sombre{
background-color:rgba(0, 0, 0, 0.5);	
height: 850px;
}

 .header-banner img{	
margin-top:80px;	
}

.waves-light{
background-color:rgba(0, 0, 0, 0.5);		
color:#ffffff;	
font-size:15px;
border:1px solid #fff;
border-radius:2px;
}
nav ul a {
    font-size: 20px;
}


.btn:hover, .btn-large:hover, .btn-small:hover {
background-color:#ffffff;	
color:rgba(0, 0, 0, 1);
}

.col-icon{
margin-top:30px;
background:#ededed;
border:1px #dddddd solid;	
padding:30px;
}


.material-icons{
color:rgba(2, 2, 2, 1);	
font-size:60px;
}

.parallax-img{
background-image: url("../img/background1.jpg");
padding-bottom:100px;
} 

.parallax-container {
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height:100%;
}
.form-container{
width:100% !important;	
}

.portfolio-container{
width:100% !important;	
}

.section-form{
width:80%;
margin:10%;
}

.section-presentation,.section-porfolio,.section-feature{
width:80%;
margin:0 10%;
}

#index-contact label{
color:black!important;
font-size:20px;
}

#index-contact input{
color:black!important;
font-size:20px;
}

.contact-title{
font-size:40px;
color:black;	
}

.row{
width:100%;
margin:auto;
}



#porfolio,#presentation{
padding:40px 20px 40px;	
background:#ffffff;
border-top:#ededed 10px solid;
}

#porfolio h2,#presentation h2{
font-size:40px;
}

 #porfolio p,#presentation p{ 
padding:20px 20px;
text-align:justify;
font-size:20px;
}
.loupe-icons{
color:#ffffff;
font-size:40px;	
}

.page-footer{
background-color:rgba(2, 2, 2, 1);	
}

#col-projets1,#col-projets2, #col-projets3, #col-projets4{
margin-top:15px;
}

#col-projets1 img,#col-projets2 img,#col-projets3 img, #col-projets4 img{
width:110%;		
}

.section-form{
padding:40px 80px 100px;
background:#ffffff;
}



@media only screen and (max-width : 900px) {
	
	#porfolio p{ 
	padding:10px;
	text-align:justify;
	}
	
	#porfolio{
	padding:20px 30px 40px;	
	background:#ffffff;
	border-top:#ededed 10px solid;
	}
	
	.section-form{
	padding:30px 70px 90px;
	background:#ffffff;
	}
	
	.section-form{
	width:95%;
	margin:5%;
	}
	.section-presentation,.section-porfolio,.section-feature{
	width:90%;
	margin:0 5%;
	}

 
}

@media only screen and (max-width : 500px) {

	.loupe-icons{
	font-size:40px;	
	}
	
	.header img{		
	width:80%;		
	}
	.hovereffect:hover h5,.hovereffect:hover a.info {
	margin-top:60px;
	}
	
	.section-form{
	padding:20px 50px 70px;
	background:#ffffff;
	}
	
	.section-form{
	width:100%;
	margin:0%;
	}
	
	.section-presentation,.section-porfolio,.section-feature{
	width:100%;
	margin:0;
	}
	


}	

@media  screen and (min-width: 1419px) {
	 .header-banner img{	
	margin-top:110px;	
	}

	.header-banner,.header-index-sombre{
	height:900px;
	}
}

@media  screen and (min-width: 1919px) {
	.header-banner img{	
	margin-top:230px;	
	}

	.header-banner,.header-index-sombre{
	height:1120px;
	}  
}