@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700|Satisfy);

@font-face {
	font-family: 'codropsicons';
	src:url('../fonts/codropsicons/codropsicons.eot');
	src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/codropsicons/codropsicons.woff') format('woff'),
		url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),
		url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
	font-weight: normal;
	font-style: normal;
}

html{
scroll-behavior:smooth;
}

a:hover{
text-decoration:none;
}

#navigation{
padding:20px;
}

.navbar-brand{
padding:10px!important;
}
.navbar-brand img{
	
	width:100px;
	height:35px;
	
}

/**************************************************************/
.jumbotron{
width:100%;
background-size:cover; 
background:transparent;	
background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)),url(img/home.jpg);
height: 700px; 
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

 .jumbotron h1{	
font-size: 55px;
text-align:center;
margin-top:250px;	
color:#ffffff;
word-wrap:break-word;
font-weight: 100;
width:70%;
padding:10px;
margin-left:15%;
}


#contact{
width:100%;
background-size:cover; 
background:transparent;	
background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)),url(img/home.jpg);
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;	
}


#contact .container{
margin-top:80px;	
margin-bottom:60px;	
background:#fefefe;
padding:50px 80px;
width:100%!important;	
} 

#projet,#presentation{	
background:#fefefe;
width:100%;	
padding:70px 0px 50px!important;
}

#projet h2,#contact h2,#presentation h2{
margin-top:30px;	
font-size:40px;
text-align:center;
padding:25px;
}

#presentation{
border-bottom:30px #ededed solid;	
} 

#projet p,#contact p,#presentation p{	
margin-top:25px;
margin-bottom: 50px;
font-size:16px;
text-align:center;
}

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

#col-projets1 img,#col-projets2 img,#col-projets3 img, #col-projets4 img{
width:100%;		
height:100%;	
margin:0;
}

.form-control{
border-top:none!important;
border-left:none!important;
border-right:none!important;
border-radius:0!important;
border-bottom:1.5px #444 solid!important;
margin-bottom:0!important;
}

.form-group{
margin-bottom:50px!important;  
}

#formrow{
margin-top:30px;
}

#sendMessageButton{
width:100%;	
border:none;
padding:20px;
background:#222;
}

#contactForm{
margin-top:50px!important;
}


@media (max-width: 500px) {
#contact .container{
padding:20px;
}

 .jumbotron h1{	
font-size: 45px;
}


}

@media  screen and (min-width: 1419px) {
	 .jumbotron h1{	
	margin-top:340px;	
	}

	.jumbotron{
	height:900px;
	}
}

@media  screen and (min-width: 1919px) {
	.jumbotron h1{	
	margin-top:460px;	
	}

	.jumbotron{
	height:1120px;
	}  
}