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

.visible-xs {
    display: inline-block;
}

.hidden-xs {
    display: none;
}

.xs-100 {
    width: 100%;
}

.navbar-light .navbar-brand {
    width:75%;
}

.navbar-light .navbar-brand img {
    max-height: 100px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h5 {
    font-size: 18px;
}

.underlined::after {
    left: 50%;
    margin-left: -35px;
    width: 70px;
}

.row-eq-height {
    display:inline-block;
}

.xs-center {
	text-align:center !important;
}

.header p {
	line-height:34px;
	margin:25px 0px;
}

.banner {
	padding:50px 0px;
}

.banner h2 {
	text-align:center;
}

section .px-5 {
	padding:0px 15px !important;
}

br {
	display:none;
}

.commencons h2,.meilleur h2 {
    font-size: 44px;
}
.La-Croissance h2 {
    font-size: 24px;
    letter-spacing: 0px;
    text-transform: unset !important;
}

.header p a, .header p {
    letter-spacing: 0px;
}

.header p {
    font-weight: 700;
}

.header p a {
    font-weight: 300;
}

.header p {
    margin-top: 0px;
}

.text-xs-center {
    text-align: center !important;
}

.banner p {
    font-size: 20px;
}

.banner ul {
    margin-bottom: 25px;
}

.banner li {
    font-size: 15px;
}

.service h2 {
    font-size:18px;
    margin-top: 8px !important;
}

.service label {
    margin-bottom: 40px;
    font-weight: 400;
}

h3.title {
    font-size: 20px;
}

.associons label, .realty label {
    font-size: 12px;
}

.commencons h2, .meilleur h2 {
    width: 90%;
    font-size: 18px;
    margin: 0px auto;
    line-height: 1.5;
}

.xs-mt-0 {
    margin-top: 0px !important;
}

.manchettes .card-body h4 {
    margin-bottom: 0px;
}

.manchettes .card img.mb-3 {
    margin-bottom: 0px !important;
}

.manchettes .card-body p {
    font-size: 16px;
}

.manchettes .card-body label {
    font-weight: 300;
    font-size: 20px;
}

.realty .card-body {
    padding-top: 0px !important;
}

.realty .card {
    margin-bottom: 25px;
}

.La-Croissance h3 {
    font-size: 18px !important;
    margin-top:15px;
}

.La-Croissance h2 span {
    width: 100%;
    text-align: left;
    display: inline-block;
}

.manchettes .card img {
    max-width: 90%;
    margin-left: 5%;
}

.btn-default {
    font-size: 15px;
}
}

@media only screen and (min-width:768px) and (max-width:992px) {
.nav-link, .navbar-expand-md .navbar-nav .nav-link, .header a {
    font-size:13px;
    padding-left: 10px;
    padding-right: 10px;
}  

.header .nav-item {
    margin: 0px 5px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

section .px-5 {
	padding:0px 15px !important;
}

.commencons h2,.meilleur h2 {
    font-size: 44px;
}

.banner .card {
    padding:20px;
}

h3.title {
	font-size:24px;
}

.realty .card {
    padding:5px;
}

.La-Croissance h3 {
    font-size: 20px;
}    

.La-Croissance h2 {
    padding: 5px 10px;
}

.La-Croissance p {
    font-size: 13px;
	margin:15px 0px !important;
}


}

@media only screen and (min-width:992px) and (max-width:1169px) {
	
section .px-5 {
	padding:0px 15px !important;
}
	
	
}

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

.row-eq-height {
    display: inline-flex;
}

.realty .card {
	padding:5px;
}	

.banner .card {
    padding:15px;
}

.btn-default {
	min-width:100%;
}
	
}