:root {
  --jumbotron-padding-y: 3rem;
}

html{
scroll-behavior:smooth;
}

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

.inner-header{
margin-top:200px;
width:100%;	
}

.inner-header button{
border: 1px rgba(255, 255, 255, 0.226) solid;
background-color: #2424249d;
color: white;
border-radius: 0;
padding: 10px 45px;
margin-top:0px;
}

.inner-header p{
width:100%;	
margin-top:10px;
padding:10px;
text-align:center;
color:#bbbbbb;
}

.inner-header h1{
font-size:75px;
color:#fefefe;
}

.navbar{
padding:30px;	
background-color: rgba(0, 0, 0, 0)!important;
}

.navresponsive{
display:none;
}

.btn-dark,#sendMessageButton{
background-color: rgba(0, 0, 0, 0.4)!important;
padding:10px 30px ;

}

.navbar-toggler{
border:none;
}

.fa-bars{
font-size:32px;
color:white;
}

.list-unstyled-container {
width:100%;
}

.list-unstyled li{
padding:10px;
display:inline-table;	
}

.list-unstyled li a{
padding:10px;
font-size:18px;
}

.list-unstyled li a:hover{
text-decoration:none;
}

#navbarHeader{
background:rgba(0, 0, 0, 0.4)!important;
}

.py-5{
padding:120px !important;
}

.header-dark{
background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),url(../img/header.jpg);
height:750px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.portfolio,.equipe{
padding:150px 0 75px;
word-wrap:break-word;
}

.portfolio p,.services p, .equipe  p, .contact  p{
margin-bottom:60px;
text-align:center;
}

.portfolio-heading,.equipe-heading,.services-heading,.contact-heading{
font-size:45px;
width:100%;
}	

.portfolio-heading,.services-heading{
margin-bottom:40px;
}

.portfolio-heading{
margin-top:-60px;
}
.equipe-heading{
margin-top:-40px;
}

.equipe-heading,.contact-heading{
text-align:center;
margin-bottom:60px;
}

.album{
border-top: 1px #69696941  solid;
border-bottom: 1px #69696941 solid;
}

.parallax{
background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),url(../img/header.jpg);
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.card-services{
padding:25px;
background:rgba(250, 250, 250, 0.8);
border-radius:0;
}

.card-services img{
margin-left:25%; 
width: 50%;
}

.equipe h3{
font-size: 30px;
}

.equipe h4{
font-size: 20px;
}

.services hr,.equipe hr{
background-color:rgba(102, 102, 102, 0.445) ;
width: 70%;
margin: 18px auto;
}


.equipe .container{
margin: auto;
}


.equipe .item{
text-align: center !important;
max-width: 31.5%;
margin: auto;
margin-bottom: auto;
border: #cdcdcd solid 1px;
padding: 30px 30px;
box-shadow: 1px 1px 7px 1px #88888833!important;
}

.equipe img{
margin-left:20%; 
width: 60%;
margin-bottom: 15px;
}

.equipe p{
width: 94%;
margin: auto;
}

footer {
padding-top: 3rem;
padding-bottom: 3rem;
}

footer p {
margin-bottom: .25rem;
}

.navbar-brand img{
width:170px;	
}

.container-contact{
padding:70px 150px;
}

.contact{
border-top: 1px #69696941 solid;
padding-top: 80px;
}

.controls label{
color:#fefefe;	
font-size:20px;
margin-top:15px;
}

.form-control{
background-color: #f5f5f5c7;
border: 1px rgba(255, 255, 255, 0.027) solid;
}

.form-control,#sendMessageButton{
border-radius:0;
padding:12px;
width: 100%;
margin-top: 10px;
}

#sendMessageButton{
border: 1px rgba(255, 255, 255, 0.377) solid;
background-color: #3f3f3fe3;
color: rgb(255, 255, 255);
}

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

@media (max-width: 600px) {

	.list-unstyled li{
		display:table;
	}
	
	.header-dark{
	height:900px;
	}
	
	.inner-header h1{
	font-size:50px;
	}


	
}	


@media (max-width: 1024px) {
	.card-services{
	padding:20px;
	}
	.portfolio,.services,.equipe,.contact {
	padding:75px 0px;
	}
	
	.container-contact{
	padding:75px 20px;	
	}
	.row {
		display: block;
	}
	.equipe .item, .col-sm-12{
	max-width: 100%!important;
	}
	
	.py-5 {
    padding: 60px  15px!important;
	}

}	


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

	.header-dark{
	height:900px;
	}
}

@media  screen and (min-width: 1919px) {
	.header-dark h1{	
	margin-top:370px;	
	}

	.header-dark{
	height:1120px;
	}  
}