/*Medium Screen*/

@media (max-width: 1199px) {
}
@media (max-width: 991px) {
}
/* CHANGING BREAKPOINT OF BOOTSTRAP 3 NAVIGATION BAR*/
@media (max-width: 999px) {

}
@media all and (max-width: 960px) and (min-width: 640px) {
	#header .container {
		min-height: 150px;
	}
	#header .header_brand IMG {
		height: 120px;
		padding-top: 25px;
	}
    #apropos {
		padding: 50px 0;
        min-height: 300px;
    }
	#apropos H1 {
	font-size: 60px;
	}
	#apropos IMG {
	max-width: 60%;
	height: auto;
	margin-top: 30px;
	}
}
@media all and (max-width: 767px) {
	#header .container {
		min-height: 120px;
	}
	#header .header_brand IMG {
		height: 100px;
		padding-top: 20px;
	}
    #apropos {
		padding: 50px 0;
        min-height: 300px;
    }
	#apropos H1 {
	font-size: 45px;
	}
	#apropos IMG {
	max-width: 60%;
	height: auto;
	margin-top: 30px;
	}
}

@media all and (max-width: 640px){
	#header .container {
		min-height: 90px;
	}
	#header .header_brand IMG {
		height: 80px;
		padding-top: 10px;
	}
}

@media all and (max-width: 480px) {

	#header .container {
		min-height: 90px;
	}
	#header .header_brand IMG {
		height: 70px;
		padding-top: 20px;
	}
    #apropos {
		padding: 30px 0;
        min-height: 150px;
    }
	#apropos H1 {
	font-size: 40px;
	}
	#apropos H3 {
	font-size: 30px;
	}
	#apropos P {
	font-size: 20px;
	}
	#apropos IMG {
	max-width: 80%;
	height: auto;
	margin-top: 30px;
	}
}
@media all and (max-width: 320px) {
    #apropos {
        min-height: 185px;
    }
}