body {
font-family: 'Raleway', sans-serif;
scroll-behavior:smooth;
}

a:hover{
text-decoration:none;

}
#navigation{
background:#222222;	 
}

.lead{	
width:100%;	
margin-top:0px;
margin-bottom:60px;
text-align:center;
padding:30px 60px 0px;
font-size:16px;
}

hr{	
background:#444444;
width:100px;
height:1px;	
margin-top:10px;
}

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

.container{
padding: 0;
}

.shadow-row{
box-shadow: 1px 1px 7px 1px #44444473!important;
}

.shadow-row-light{
box-shadow: 1px 1px 7px 1px #98989820!important;
border:#dddddd 1px solid;
}

/**************************************************************/
 .jumbotron h1{	
font-size: 60px;
text-align:center;
margin-top:300px;
color:#222222;
word-wrap:break-word;
font-weight: 100;
}

.jumbotron{
width:100%;
background-position:center;
background-image:url(../img/header.jpg); 
background-size:cover; 
height:900px;
margin-bottom: 0;
}
/**************************************************************/
#col-projet-4,#col-projet-1{
padding:130px;
text-align:center;
color:black;	
transition:1s;
font-size:15px;
}

#col-projet-1{	
background:#dddac0;	
}

#col-projet-4{
background:#e6c980;	
}

#col-projet-1:hover{
background:#e6c980;	
}

#col-projet-4:hover{
background:#dddac0;	
}

#col-projet-2,#col-projet-3{		
padding:0px;
}
#col-projet-2 img,#col-projet-3 img{
width:100%;
height:100%;
}
/**************************************************************/
#presentation, #projet{
text-align:justify;	
font-size:16px;
}
#presentation{
padding:60px 30px 120px;
}

#presentation h2, #projet h2, #contact h2,#service h2{
padding:60px 30px 0;
text-align:center;	
font-size:36px;
}

#presentation h2{
padding:40px 30px 40px;
}
.shadow-section{
padding-bottom: 40px;
padding-top: 40px;
}
/**************************************************************/

#projet{
padding-bottom:60px;
background:#f8f8f8;		
}

#service{
padding-bottom:90px;
}

#col-service1,#col-service2, #col-service3{
margin-top:15px;
}

#col-service1 p ,#col-service2 p,#col-service3 p{
word-wrap:break-word;
width:100%;
text-align:center;
font-size:25px;
}

#col-service1 img,#col-service2 img,#col-service3 img{
width:100%;		
}

#col-service1 a,#col-service2 a,#col-service3 a{
width:100%;
background:#f2f2f2;	
padding:20%;
transition:1s;	
color:black;
}

#col-service1 a:hover,#col-service2 a:hover,#col-service3 a:hover{
background:#e6c980;
}
/**************************************************************/
#contact{
padding:20px 0 100px;
}

#formrow{
margin-top:30px;
}

#sendMessageButton{
background:#222222;
border:none;
padding:10px 50px;
}

@media (max-width: 1024px) {
	#col-projet-1,#col-projet-4{	
	padding:50px;
    font-size:15px;
	}
	.lead{	
	padding:10px 20px 0px;
	}
    #contact{
    padding:20px;
    }

}

@media (max-width: 766px) {
	#col-projet-3{
	margin-top:15px;	
	}
}

@media (max-width: 460px) {
	#col-service1,#col-service2, #col-service3{
	padding:0;
	}
	#col-service1 .container ,#col-service2 .container, #col-service3 .container{
	padding:0;
	margin:auto;
	}
}	

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

	.jumbotron{
	height:900px;
	}
}

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

	.jumbotron{
	height:1120px;
	}  
}