header .row{
	min-height: 70vh;
	background-image: url(../img/cam.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	color: white;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 89%);
}

header .formArabica{
	background-color: rgba(0,0,0,0.5);
	min-height: 70vh;
	display: flex;
    font-family: 'Bellota Text', cursive;
    align-items:center;

    
}

header h2{
	font-family: 'Bellota Text', cursive;
	margin-bottom: 20px;
}

header .formRobusta{
	display: flex;
	min-height: 70vh;
	align-items: flex-end;
	justify-content: flex-end;
}

.bg-secondary {
    background-color: #dcdde1!important;
}


.navbar-brand img{
	max-height: 70px;

}

a
{
	text-decoration: none;
	color: #d0b07e;
}


nav{
	padding-top: 0.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 15px;
font-family: 'Dosis', sans-serif;


}

#projet .media span{
color: #cf1717;
font-size: 3rem;
width: 4rem;
text-align: center;
}

#projet .media{
padding: 0.3rem 0.4rem;
border-radius: 5px;
transition: all .3s ease-in-out;
}

#projet .media:hover{
background-color: rgba(128,128,128,0.3);
}
#projet h2,h6{
	text-align: center;
	font-family: 'Bellota Text', cursive;
}

.brand span{
	color:crimson;
	
}

.conceptionBase{
	min-height: calc(100vh - 50px);
	background-color: #d3dae4;
}
.conceptionBase span{
	font-size: 4rem;
	color: #17a2b8;
}

.conceptionBase h3{
	color: #888;
	font-size: 2rem;
}
.architectureBase{
	min-height: calc(100vh - 50px);
	background-color: #d3dae4;
}
.architectureBase span{
	font-size: 4rem;
	color: #17a2b8;
}

.architectureBase h3{
	color: #888;
	font-size: 2rem;
}
#contact{
	background-image: url(../img/arch.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	min-height: calc(100vh - 50px);
}

.formContact{
	background-color: rgba(255,255,255,.7);
	padding: 2rem 1rem;
}

#contact .row{
	min-height: calc(100vh - 50px);
}

footer a{
	color: #999;
	font-size: 2rem;
	transition: all .2s ease-in-out;
}

footer a:hover{
	color: #fff;
	
}

footer{
	background-color: #dcdde1;
	padding-top: 2rem;
	padding-bottom: 1.5rem
}

.piedPage a{
	color: #999;
	font-size: 1.2rem;
	transition: all .2s ease-in-out;
}
nav ul{
	display:flex; 
	float: right;

}
nav ul li{
	list-style: none;
	transform: translateX(100rem);
	animation: slideIn .5s forwards;

}

nav ul li:nth-child(1){
	animation-delay: 0s;
}

nav ul li:nth-child(2){
animation-delay: .5s;
}

nav ul li:nth-child(3){
animation-delay: 1s;
}

nav ul li:nth-child(4){
animation-delay: 1.5s;
}

nav ul li:nth-child(5){
animation-delay: 2s;
}

nav ul li:nth-child(6){
animation-delay: 2.5s;
}

nav ul li a{
	padding: 1rem 0;
	margin: 0 3rem;
	position: relative;
	letter-spacing:2px; 

}

nav ul li a:last-child{
	margin-right: 0;
	text-decoration: none;
	color: #d0b07e;

}

nav ul li a::before,
nav ul li a::after{
	content:'';
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: crimson;
	left: 0;
	transform: scaleX(0);
	transition: all .5s;
}

nav ul li a::before{
	top: 0;
	transform-origin: left;
}
nav ul li a::after{
	bottom: 0;
	transform-origin: right;
}

nav ul li a:hover:before,
nav ul li a:hover:after
{
transform: scaleX(1);
}
	
@keyframes slideIn{
	from{

	}
	to{
		transform: translateX(0);
	}
}