a,
a:focus,
a:hover {
color: #fff;
}

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

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

#projet,#contact{
background:#fefefe;
width:100%;	
}
#contact{
padding:60px;
	
}
#col-projets1,#col-projets2, #col-projets3, #col-projets4{
width:100%;		
height:100%;
margin-top:15px
}

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

.heading-portfolio,.heading-contact{
margin-top:150px;	
text-align:center;
}
.heading-portfolio p,.heading-contact p{
margin-top:30px;	
text-align:center;
}

.lead,.cover-heading{
margin-top:20px;
}

.cover-heading{
font-size:60px;
}

.contacter-btn{
margin-top:15px;
}
.lead-p{
font-size:16px;	
margin-top:30px;
}

.btn{
font-size:17px;
border-radius:0;
}

html,
body {
font-family: 'Muli', sans-serif;
height: 100%;
}

.index-page,.header-portfolio {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;	
color: #fff;
background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)),url(../img/index.png);
background-size:cover;
background-position: center;
}

.header-portfolio {
height:400px;
}

.cover-container {
width:100%!important;
}

.cover-container-feature {
width: 90%;
}
.headers {
margin-bottom: 2rem;
}

.headers-brand {
margin-bottom: 0;
}

.navbar-nav .nav-item {
padding: .25rem 0;
font-weight:20px;
color: rgba(255, 255, 255, .5);
border-bottom: 2px  solid transparent;
}

.navbar-nav .nav-item:hover,
.navbar-nav .nav-item:focus 
.navbar-nav .not-active:hover,
.navbar-nav .not-active:focus {
border-bottom-color: rgba(255, 255, 255, .55)!important;
transition:0.35s;
}

.navbar-nav .not-active {
	border-color:transparent!important;
}

.navbar-nav .nav-item + .nav-item {
margin-left: 1rem;
}

.navbar-nav .active {
color: #fff;
border-bottom-color: #fff;
}

@media (min-width: 48em) {
	.headers-brand {
	float: left;
	}
	.navbar-nav {
	float: right;
	}

}
@media (max-width: 1000px) {
.navbar-nav{
width:100%;	
}
.navbar-nav .nav-item + .nav-item ,.active{
margin-left: 0;
text-align:center;
}
#contact{
	padding:100px 10px
}

}
.cover,.heading-portfolio {
padding: 0 1.5rem;
}
.cover .btn-lg {
padding: .75rem 1.25rem;
font-weight: 700;
}

.navbar-brand{
font-size:30px;	
}
.foot {
color: rgba(255, 255, 255, .5);
}
.form-control{
border-top:none;
border-left:none;
border-right:none;
border-radius:0;
border-bottom:1.5px #444 solid;	
}

#sendMessageButton{
width:100%;	
border:none;
padding:20px;
background:#444;
margin-top:20px;	
}

.contacter-btn{
background:#efefef;	
color:#444444;
}