body {
font-family: 'Yantramanav', sans-serif;	
font-size:17px;
}

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

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

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

#index-sombre{
background-color:rgba(0, 0, 10, 0.5);
color:#fefefe;
width:100%;
padding:100px;	
}

.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:	300px;
}

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

.contact-sombre{
background-color:rgba(0, 0, 10, 0.5);	
width:100%;
height:100%;
}

.waves-light{	
margin-top: 5px;
padding:7px 70px!important;	
background-color:transparent;		
color:#ffffff;	
font-size:20px;
border:1px solid #fff;
border-radius:5px;
}

.waves-light:hover {
background:rgba(250, 250, 250, 0.7);	
color:rgba(26, 0, 26);
border:transparent;
}

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

.col-icon h5{
border-bottom: 1px rgba(26, 0, 26, 0.2) solid;
padding-bottom: 35px;
margin-bottom: -15px;
margin-top:-10px;
}

.features-container{
width:80% !important;
}

.material-icons{
color:rgba(0, 0, 50, 0.5);
font-size:60px;
}

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

.parallax-container {
height: 800px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

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

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


.section-porfolio{
width:90%;
margin: 0 5%;
}

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

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

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

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

#porfolio{
padding:40px 20px 80px;	
border-top:#ededed 10px solid;
}

#features{	
background:#ffffff;
}

#features h2{
margin-top:70px;
}

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

 #porfolio p,#features p{ 
padding:40px 20px;
text-align:center;
}
.loupe-icons{
color:#ffffff;	
}

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

#col-projets1,#col-projets2, #col-projets3, #col-projets4{
padding:10px;
}

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

 #contact h2{
	 
	 color:white;
	 
 }

.section-form{
padding:200px 100px 50px;
width:100% !important;
}

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

.hovereffect:hover h5,.hovereffect:hover a.info {
margin-top:50px;
}

}

@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{
	width:95%;
	padding:200px 0px ;
	}
	
}

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

	.loupe-icons{
	font-size:40px;	
	}
	
	
	.hovereffect:hover h5,.hovereffect:hover a.info {
	margin-top:20px;
	}
	
	#index-sombre{
	 padding:5px;
	}
.parallax-container h3 {
	 font-size:30px;
	}
	
	.parallax-container p {
	 font-size:15px;
	}
	
	
}	


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

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

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

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