a.filter{
	position: relative;
    display: inline-block;
    line-height: 20px;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    color: #fff;
    font-weight: 500;
    background-color: #59BA50;
    margin: 0 3px 10px;
    border: 1px solid transparent;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.about-us .image-column .inner-column:before{
	height: 350px;
}

.sec-title h2, .sec-title h1{
	font-size: 60px;
	position: relative;
    display: inline-block;
    line-height: 1em;
    font-weight: 600;
}

.main-footer{
	padding-top: 0px;
	border-top: #59BA50 solid 3px;
	
}

.main-footer .widgets-section{
	padding-bottom: 0px;
}

.main-footer .list-style-two{
	margin-bottom: 0px;
}

.main-footer .footer-bottom .copyright-text{
	font-size: 13px;
	padding: 10px 0;
}

.main-footer:before{
	background: none;
	opacity:1;
}

.main-footer .widget-title, .main-footer .list-style-two li a{
	color: #353535;
}

.main-footer .about-widget .footer-logo img{
	margin-top: 40px;
}

.main-footer .auto-container.contenu{
	padding-top: 40px;
    padding-bottom: 20px;
}

.titre-contact{
	display: inline;
	font-size: 22px;
	margin-left: 10px;
}

.icon-contact{
	font-size: 30px;
}

.row.contact-2{
	margin-top: 40px;
}

.contact-column .row .contenu-contact{
	margin-top: 15px;
	font-size: 16px;
}

.contenu-p{
	font-size: 16px;
}

.contact-section .contact-column{
	margin-top: 40px;
}

.page-title{
	padding: 60px 0px;
}

.page-title:before{
	opacity: 0.20;
}

.banner-section .slide-item .content-box:after{
	opacity: 0.5;
}

.banner-section .slide-item h2{
	text-transform: inherit;
}

.main-menu .navigation > li{
	padding: 35px 0px;
}

.main-header .header-lower .logo-outer{
	padding: 20px 0;
}

.about-us, .projects-section-two, .contact-section{
	padding: 80px 0 70px;
}

.contact-section .form-column,.contact-section .contact-column{
	margin-bottom: 0px;
}

.sortable-masonry .filters{
	margin-bottom: 20px;
}

.page-title h1{
	font-size: 60px;
}

/* LOI */
.confidentialite-content h2,
.confidentialite-content h4 {
    margin: 2rem 0 .5rem;
}
.confidentialite-content ul {
    margin: 1rem;
}
.confidentialite-content ul li {
    list-style: inside;
    font-size: 1.1rem;
}



@media only screen
and (min-width : 200px)
and (max-width : 767px) {

	.about-us .image-column .inner-column:before{
		height: 250px;
	}
	
	.image-column{
		background: none!important;
	}
	
	.sec-title h2, h2{
		font-size: 34px;
	}

	.main-footer .links-widget{
		padding: 0 20px;
	}

	.main-footer .links-widget.adresse{
		margin-bottom: 20px;
	}
	
	.footer-logo img{
		margin-left: 10px;
	}
	
	.about-us, .contact-section{
		padding-bottom: 30px;
		padding-top: 50px;
	}
	
	.page-title h1{
		font-size: 46px;
	}
	
	.page-title{
		padding: 30px 0px;
	}
	
	.projects-section-two{
		padding-top: 40px;
	}
	
	.main-header .header-lower .logo img{
		max-width: 80%;
	}
	
	.contact-column{
		margin-left: 20px;
	}
	
	.contact-column .inner-column .row .col-sm-12, .row.contact-2 .col{
		margin-bottom: 20px;
	}
	
	.row.contact-2{
		margin-top: 0px;
	}
	
	.contact-section .contact-column{
		margin-top: 0px;
	}
	
	.contact-section .upper-box{
		margin-bottom: 40px;
	}
	
	.main-footer .about-widget .footer-logo img{
		margin-top: 10px;
	}
	
	.main-footer .footer-bottom .copyright-text{
		font-size: 11px;
	}
	
	.owl-stage-outer.owl-height, .banner-section .slide-item .content-box{
		height: 400px!important;
	}
	
	.sec-title h2{
		color:#353535;
	}
	

}


@media only screen
and (min-width : 768px)
and (max-width : 1024px) {

	.sec-title h2, h2, .fluid-section-one .content-column .sec-title h2{
		font-size: 40px;
	}
	
	.about-us, .projects-section-two, .contact-section{
		padding: 50px 0 20px;
	}
	
	.fluid-section-one .content-column .inner-column{
		padding: 50px 15px 30px; 
	}
	
	.logo-footer-col{
		margin-right: 40px;
	}
	
	#contact .upper-box{
		margin-bottom: 10px;
	}
	
	.row.contact-2{
		margin-top: 30px;
		margin-bottom: 40px;
	}
	
	.contact-column .row{
		padding: 0 30px;
	}
	
	.sec-title h2{
		color:#353535;
	}

}

@media only screen
and (min-width : 992px)
and (max-width : 1024px) {
	
	.contact-column.col-lg-6, .form-column.col-lg-6{
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	.footer-column.col-lg-7, .footer-column.col-lg-6{
		flex: 0 0 37%;
		max-width: 37%;
		padding: 0 50px;
	}
	
	.footer-column.col-lg-5{
		flex: 0 0 20%;
		max-width: 20%;
	}
	
}