body{
font-family: 'M PLUS Rounded 1c', sans-serif;
scroll-behavior:smooth;	
}

a{
color:black;
}

.jumbotron{	
background-image: url('../img/header.jpg');
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height:700px;
}

.jumbotron h2{	
padding:15px;
width:30%;
font-size: 30px;
color:#444444;
word-wrap:break-word;
background: rgb(200,200,200,0.7);
}

.jumbotron h1{
padding:15px;	
width:60%;	
font-size: 63px;
margin-top:200px;	
color:#ffffff;
word-wrap:break-word;
background: rgb(0,0,0,0.5);
}

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

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

section {
background-color:white;
}

.navbar{
background:#ffffff;
}

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

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

.card{
background: rgb(250,250,250,0.7);
color:#000000;
border:none;
border-radius:0;
}

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

.card-img-top{
width:100%; 
}

#competences  hr, #portfolio hr{
width:100px;
height:2px;
background:#444444;
border:none;
}



 #portfolio hr{
margin-bottom:50px;
}

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

#presentation {
text-align:justify;	
}

#presentation h2{
margin-bottom:30px;
}

#competences{
background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)),url(../img/fond.jpg);
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
#presentation h2,#portfolio h2,#competences h2{
padding: 20px 0 10px;
text-align:center;	
font-size:36px;
}

#competences .container{
color:#444444;
word-wrap:break-word;
background: rgb(250,250,250,0.7);
padding:10px;	
}

#competences  h2{	
margin-top:30px;
}
#col-projets1,#col-projets2, #col-projets3, #col-projets4{
margin-top:15px;
}

#col-projets1 img,#col-projets2 img,#col-projets3, #col-projets4 img{
width:100%;		
}
#competences {
    padding:0 !important;
}
@media (max-width: 680px) {
	.jumbotron h2,.jumbotron h1{	
	width:100%;
	}
	.lead{	
	padding:10px 20px 0px;
	}

}


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

	.jumbotron{
	height:900px;
	}
}

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

	.jumbotron{
	height:1120px;
	}  
}