html {
scroll-behavior:smooth;
}

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


a:hover{
text-decoration:none;
}

#navigation{
background:#222222;	 
}
/***************************************************************/
.parallax {
background-image: url("../img/background.jpg");
height: 700px; 
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
/**************************************************************/
 .jumbotron h1{	
font-size: 60px;
text-align:center;
margin-top:250px;	
color:#ffffff;
word-wrap:break-word;
font-weight: 100;
background-color:rgba(0, 0, 0, 0.5);
}

.jumbotron{
width:100%;
background-size:cover; 
height:700px;
background:transparent;	
}
.paragraph-intro{
padding:  15px 15px 25px 15px !important;
text-align:center;  
}
.paragraph{
padding:  15px 115px 25px 115px !important;
text-align:center;
}

.paragraph-white{
color:white;
}

/**************************************************************/
#col-feature-2 img,#col-feature-3 img{
width:100%;
height:100%;
}

#col-feature-1:hover{
background:#efefef;		
}

#col-feature-4:hover{
background:#f7ebc6;	
}

#col-feature-2,#col-feature-3{		
padding:0px;
width:100%;
}

#col-feature-1 p,#col-feature-4 p{		
margin-top:30px!important;
}

#col-feature-1 h3,#col-feature-4 h3{		
margin-top:45px!important;
}


#col-feature-4,#col-feature-1{
padding:6%;
text-align:center;
color:black;	
transition:1s;
width:100%;
}

#col-feature-4{
background:rgb(220,201,143,0.5);
}

#col-feature-1{
background:rgb(217,217,217,0.5);
}

#col-feature-4 hr, #col-feature-1 hr{
width:200px;
height:2px;
background:black;
margin-top:35px;
border:none;
}

.row{
width:100%;
margin:auto;
}
/**************************************************************/
#presentation{
text-align:justify;	
}

#presentation,#prestation{
background:white;	
padding:70px 0px 70px 0px!important; 
}
#feature{
  
background-image: url("../img/feature.jpg");
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.light-section{
/*background-color:rgba(255, 255, 255, 0.8);
background-color:rgba(125, 125, 125, 0.5);*/
background-color:rgba(255, 255, 255, 0.75);
padding:70px 0px 70px 0px;   
}

.shadow-section{
background-color:rgba(60, 60, 60, 0.5);
padding:70px 0px 70px 0px; 
}

#presentation h2, #feature h2, #contact h2,#prestation h2{
padding:15px;
text-align:center;	
font-size:40px;
word-wrap:break-word;
}
/**************************************************************/
#col-prestation1,#col-prestation2, #col-prestation3{
margin-top:15px;
}

#col-prestation1 p ,#col-prestation2 p,#col-prestation3 p{
word-wrap:break-word;
width:100%;
text-align:center;
font-size:30px;
}

#col-prestation1 img,#col-prestation2 img,#col-prestation3 img{
width:100%;		
}

#col-prestation1 a,#col-prestation2 a,#col-prestation3 a{
width:100%;
padding:50px;
transition:1s;	
color:black;
/*border-bottom:2px #222222 solid;*/
border-bottom:35px transparent solid;
}

#col-prestation1 a:hover,#col-prestation2 a:hover,#col-prestation3 a:hover{
background:#f7ebc6;
/*padding:50px 50px 15px 50px;*/
border-bottom:0px #e5d29b solid;
}
/**************************************************************/


#formrow{
margin-top:0px;
}

#contact h2, .controls label{
color:white;
}

.form-control{
border-radius:0!important;
}



#sendMessageButton{
background:#333333;
border:none;
padding:20px;
width:100%;
border-radius:0!important;
}

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

@media (max-width: 768px) {
	#col-feature-4{
	margin-top:0px;	
	}
	
	.paragraph{
    padding:  15px 15px 25px 15px !important;
    }
}

@media (max-width: 460px) {
	#col-prestation1,#col-prestation2, #col-prestation3{
	padding:0;
	}
	
	#col-prestation1 .container ,#col-prestation2 .container, #col-prestation3 .container{
	padding:0;
	margin:auto;
	}
	
	.paragraph{
    padding:  15px 5px 25px 5px !important;
    }
	
}	
@media  screen and (min-width: 1419px) {
	 .jumbotron h1{	
	margin-top:340px;	
	}

	.jumbotron{
	height:900px;
	}
}

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

	.jumbotron{
	height:1080px;
	}  
}