html {
scroll-behavior:smooth;
}


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

a:hover{
text-decoration:none;
}

#navigation {
background:rgba(255,255,255,0.95);
box-shadow: 1px 0px 10px 5px rgba(170,170,170,0.2);
}

#navigation a{
color:black; 
}

.navbar-dark .navbar-toggler{
 border:transparent;
    
}

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

/***************************************************************/
.parallax {
height:800px;	
background: linear-gradient(rgba(240, 240, 240, 0.027), rgba(235,235,235, 0.6), rgba(230,230,230, 0.3), rgba(225, 225, 225, 0.15)),url(../img/background.jpg);
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
/**************************************************************/
 .jumbotron h1{	
font-size: 55px;
text-align:center;
margin-top:300px;	
color:#000000;
word-wrap:break-word;
font-weight: 100;
}

.jumbotron p{
text-align:center;
font-size:18px;
}

.jumbotron{
width:100%;
background-size:cover; 
height:800px;
background:transparent;	
}
/**************************************************************/
.services-item {
margin-top:25px;
margin-bottom: 30px;
}

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

.card{
background:rgb(255,255,255,0.95); 
color:#000000;
-webkit-box-shadow: 0px 0px 31px -5px rgba(80,80,80,0.7); 
box-shadow: 0px 0px 31px -5px rgba(80,80,80,0.7);
border-radius:0;
}

.card-text{
text-align:center;
font-size:15px;
}
.card-title,.card-title a{
color:black;
text-align:center;
font-size:25px;
}

.card-img-top{
margin:0 20%;
width:60%; 
}

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

#projets hr,#prestations hr,#contact hr{	
background:#ababab;
width:60px;
height:2px;	
margin-bottom:45px;
border:none;
}

#prestations hr{	
margin-bottom:25px;
}

#projets hr{	
width:120px;
}

/**************************************************************/
#presentation{
text-align:justify;	
}

#presentation,#projets{
background:white;	
}


#prestations {
background: linear-gradient(rgba(240, 240, 240, 0.329), rgba(235,235,235, 0.6), rgba(230,230,230, 0.4), rgba(225,225,225, 0.2)),url(../img/prestations.jpg);
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

#presentation h2, #prestations h2, #contact h2,#projets h2{
padding:30px;
text-align:center;	
font-size:38px;
}
/**************************************************************/
#col-projets1,#col-projets2, #col-projets3, #col-projets4{
margin-top:15px;

}
.hovereffect h3{
font-size:23px !important;
}

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

/**************************************************************/
#contact{
padding:100px 0px;
}

.container-contact{
padding:55px 80px 70px;
background:rgb(255,255,255,0.95); 
-webkit-box-shadow: 0px 0px 31px -5px rgba(40,40,40,0.7); 
box-shadow: 0px 0px 31px -5px rgba(40,40,40,0.7);
}

#formrow{
margin-top:30px;
}

.form-control{
border-top:none;    
border-right:none; 
border-left:none; 
border-bottom:2px #adadad solid; 
border-radius:0;
background:transparent;
}

.form-group{
margin-top:40px;
}

#sendMessageButton{
background:#333333;
border:none;
padding:17px;
width:100%;
border-radius:0;
margin-top:25px;
}

@media (max-width: 460px) {
	#col-projets1,#col-projets2, #col-projets3,#col-projets4{
	padding:0;
	}
	
	#col-projets1 .container ,#col-projets2 .container, #col-projets3 .container, #col-projets4 .container{
	padding:0;
	margin:auto;
	}
	
	.lead{	
	padding:0px;
	}
	
	.container-contact{
    padding:50px 18px!important;
    background:rgb(255,255,255,0.95); 
    width:100%!important;
    }
    
    #contact{
    padding:25px 0!important;    
    }


}	

@media (max-width: 900px) {
	#col-projets1,#col-projets2, #col-projets3,#col-projets4{
	padding:10px;
	}
	
	#col-projets1 .container ,#col-projets2 .container, #col-projets3 .container, #col-projets4 .container{
	padding:10px;
	margin:auto;
	}
	
	.lead{	
	padding:30px;
	}
	
	.container-contact{
    padding:50px 60px;
    background:rgb(255,255,255,0.95); 
    width:90%;
    }
    
    #contact{
    padding:20px;
    }
    
    .container {
    max-width: 850px;
    }

}	

@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:1080px;
	}  
}


@media  screen and (max-width: 1079px) {
	#navigation {
        background:rgba(99,99,99,0.45)!important; 
        -webkit-box-shadow: 0px 0px 31px -5px rgba(99,99,99,0.62); 
        box-shadow: 0px 0px 31px -5px rgba(99,99,99,0.62);
        color:#efefef;
    }
    #navigation a{
          color:#ffffff!important; 
    }
}