body {
font-family: 'Raleway', sans-serif;
scroll-behavior:smooth;
background-attachment: fixed;
background-position:top center;
background-repeat: no-repeat;
background-size: cover;
background-image:url(../img/header.jpg);
}

a:hover{
text-decoration:none;
}

#navigation{
background:rgb(0,0,0,0.5);
}

#navigation a{
color:white!important;
}

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

.jumbotron h1{
	font-size: 60px;
	text-align:center;
	margin-top:350px !important;
	color:#111;
	word-wrap:break-word;
	background-image: linear-gradient(to right,rgba(250,250,250, 0.0),rgba(250,250,250, 0.4), rgba(250,250,250, 0.8), rgba(250,250,250,0.8),rgba(250,250,250, 0.4), rgba(250,250,250,0.0));
	width:70%;
	margin:auto;
}

.jumbotron{
	width:100%;
	height:700px;
	background: linear-gradient(rgba(35,35,35, 0.9), rgba(25,25,25, 0.6), rgba(15,15,15, 0.3),rgba(15,15,15, 0.1));
	margin-bottom: 0px!important;
}
.jumbotron  .header-container p{
	font-size:20px;
	color:#eee;
	margin-top:40px;
	margin-bottom:20px;
}
.btn{
	padding:15px 40px;
	border-radius:0px!important;
	background:#222222;
	font-size: 16px;
	margin-top:15px;
	border:1px solid #222;
}

/**************************************************************/
#presentation, #contact{
background:#fff;
}
#presentation, #equipe{
text-align:justify;	
}

#equipe {
border-top:15px rgba(220, 220, 220, 0.97) solid;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-image:url(../img/header.jpg); 
}

#equipe .row{
padding: 20px;
width:100%;
}

#equipe .equipe-list{
width:65%;
display:flex;
margin: auto !important;
justify-content:space-evenly;
}


#equipe .paragraph{
width:60% !important;
margin: 50px auto 30px !important;
border:none!important;
padding: 0 !important;
}

#equipe h3,
#equipe p{
width:100% !important;
border:none;
margin:20px auto 10px;
}

#equipe p{
margin-top:20px;
padding-top:20px;
border-top:#aaa 1px solid;
}

#equipe small{
font-size:18px;
}

#equipe .rounded-circle{
width:50% !important;
}

#equipe .content{
border:#adadad 1px solid;
padding:40px;
box-shadow: 1px 1px 7px 1px #bbb!important;
}
#equipe .col-lg-4{
max-width:30% !important;
}

#presentation h2{
padding:0px;
text-align:center;	
font-size:40px;
margin-top:30px;
margin-bottom:50px;
}

#contact h2,#equipe  h2 ,#prestations h2{
padding:0px;
text-align:center;
font-size:40px;
margin-top:70px!important;
margin-bottom:50px;
}



.paragraph{
	padding: 0 40px 40px;
	text-align:center;
}

.paragraph-white{
color:white;
}

#prestations  h2{
color:white;
}

#prestations{
background-attachment: fixed;
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
background-image:url(../img/header.jpg); 
}

.shadow-opacity{
background-color:rgba(50, 50, 50, 0.5);    
}

.light-opacity{
background-color:rgba(240, 240, 240, 0.97);    
}

/**************************************************************/
.services-item {
margin-top:25px;
margin-bottom: 30px;
}

.services-item-card{
padding:10px;
}

.card{
background-color:rgba(250, 250, 250, 0.8);  
color:#444444;
border-radius:0;
border:#555 1px solid;
padding:40px 20px;
box-shadow: 1px 1px 7px 1px #555555!important;
height:100%;
}

.card-title,.card-title a{
color:black;
text-align:center;
}

.card-text{
color:black;
text-align:center;
margin-top:20px;
padding-top:25px;
border-top:#aaa 1px solid;
}

.card-img-top{
margin:5% 30%;
width:40%;
}
/*************************************************************/
#contact{
padding:20px 0 100px;
}

#formrow{
margin-top:30px;
}
.form-control{
padding:10px 15px;
border-radius:0px!important;
font-size: 16px;
margin-top:15px;
border:1px solid #aaa;
}

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

@media (max-width: 1024px) {
	
	#col-equipe-1,#col-equipe-4{	
	padding:50px;
    font-size:15px;
	}	

	#equipe .equipe-list{
	max-width:100% !important;
	width:100% !important;
	}


}

@media (max-width: 800px) {
	
	#col-equipe-3{
	margin-top:15px;	
	}
	#equipe, #equipe .row{
	padding:0% !important;
	width:100%;
	}
	#equipe .light-opacity{
	padding:15px !important;
	}
	#equipe  .paragraph{
		width:100%!important;
		margin-bottom:40px !important;
	}
	.services-item {
		margin-top: 0px;
		margin-bottom: 20px !important;
		width:100%;
	}
	#prestations .container {
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
	}


	
}

@media  screen and (max-width: 600px) {
	.jumbotron h1{
		width:100%;
		margin-top:170px!important;
		font-size:50px;
		color:black;
	}


	#equipe .col-lg-4{
	max-width:100% !important;
	width:100% !important;
	}


}

@media (max-width: 460px) {
	
	#col-prestations1,#col-prestations2, #col-prestations3{
	padding:0;
	}
	
	#col-prestations1 .container ,#col-prestations2 .container, #col-prestations3 .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:460px;	
	}
	
	.jumbotron{
	height:1100px;
	}  
	
}