/*Medium Screen*/

@media (max-width: 1199px) {
}
@media (max-width: 991px) {
	section#header {
		background: url(../img/roundbox.svg) no-repeat scroll 50% 50% / 90%;
	}
	#header .container {
		height : auto;
		min-height: 100vh;
		width : 100%;
		display: block;
	}
	#header .headerImg IMG {
		width: 40%;
	}
	#header .headerTxt H1 {
		text-align: center;
		margin-top: 20px;
		margin-bottom: 15px;
		padding: 0 5%;
		font-size: 4vw;
	}
	#header .headerTxt {
		text-align: center;
	}
	#header .headerTxt P {
		font-size: 2.2vw;
		text-align: center;
		padding: 0 5%;
	}
	#header .headerTxt A {
		margin-top: 1.5em;
	}
	
	#apropos .container {
		height: auto;
		width: 100%;
	}
	#apropos .vertical-center {
		position: static;
		top: auto;
		transform: none;
}
	#apropos H2 {
		font-size: 5vw;
		padding-top: 1em;
		padding-bottom: 1em;
	}
	#apropos H4 {
		font-size: 2.2vw;
		padding-bottom: 2.5em !important;
		padding: 0 5%;
	}
	#apropos .picto_icon IMG {
		width: 30%;
		padding-bottom: 10px;
	}
	#apropos .picto_text span {
		font-size: 4vw;
		padding: 10px;
	}
	#apropos .picto_text P {
		font-size: 2.2vw;
		padding: 0 5%;
		padding-bottom: 8%;
		text-align: center;
	}
	#apropos .picto_text A {
		font-size: 2.5rem;
	}

	#vhuAgree {
		padding: 0 0 75px 0;
	}
	#vhuAgree IMG {
		height: 30rem;
		margin-top: 0px;
	}
	#contact H2 {
		font-size: 5vw;
		padding-bottom: 1em;
	}
	#contact H4 {
		font-size: 2.2vw;
		padding-bottom: 2.5em;
		padding: 0 5%;
	}
	#contact .form_area {
		margin: 4em 0 0 0;
	}

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

}
@media all and (max-width: 960px) and (min-width: 640px) {
	section#header {
		background: url(../img/roundbox.svg) no-repeat scroll 50% 50% / 120%;
	}
	#header .headerImg IMG {
		width: 60%;
	}
	#header .headerTxt H1 {
		font-size: 5vw;
	}
	#header .headerTxt P {
		font-size: 3vw;
	}
	#apropos H2 {
		font-size: 6vw;
	}
	#apropos H4 {
		font-size: 3vw;
	}
	#apropos .picto_text span {
		font-size: 5vw;
	}
	#apropos .picto_text P {
		font-size: 3vw;
	}
	#apropos .picto_text A {
		font-size: 3.5rem;
	}
	#contact H2 {
		font-size: 6vw;
		padding: 0 5%;
	}
	#contact H4 {
		font-size: 3vw;
	}
	#contact .form_area {
		margin: 4em 5em 0 5em;
	}
}
@media all and (max-width: 767px) {
	section#header {
		background: url(../img/roundbox.svg) no-repeat scroll 50% 50% / 120%;
	}
	#header .headerTxt H1 {
		font-size: 5vw;
	}
	#header .headerTxt P {
		font-size: 3vw;
	}
	#apropos H2 {
		font-size: 6vw;
	}
	#apropos H4 {
		font-size: 3vw;
	}
	#apropos .picto_text span {
		font-size: 5vw;
	}
	#apropos .picto_text P {
		font-size: 3vw;
	}
	#apropos .picto_text A {
		font-size: 3.5rem;
	}
	#contact H2 {
		font-size: 6vw;
		padding: 0 5%;
	}
	#contact H4 {
		font-size: 3vw;
	}
	#contact .form_area {
		margin: 4em 5em 0 5em;
	}
}

@media all and (max-width: 640px){
	section#header {
		background: url(../img/roundbox.svg) no-repeat scroll 50% 50% / 200%;
	}
	#header .headerImg IMG {
		width: 80%;
	}
	#header .headerTxt H1 {
		font-size: 8vw;
	}
	#header .headerTxt P {
		font-size: 4.5vw;
	}
	#apropos H2 {
		font-size: 9vw;
	}
	#apropos H4 {
		font-size: 4.5vw;
	}
	#apropos .picto_icon IMG {
		width: 60%;
		margin-top: 20px;
	}
	#apropos .picto_text span {
		font-size: 8vw;
	}
	#apropos .picto_text P {
		font-size: 4.5vw;
	}
	#apropos .picto_text A {
		font-size: 3rem;
	}
	#contact .container {
	height: 100%;
	padding: 0;
}
	#contact H2 {
		font-size: 8vw;
		padding: 0 5%;
	}
	#contact H4 {
		font-size: 4.5vw;
		padding: 0 7%;
	}
	#contact .form_area {
		margin: 4em 5em 0 5em;
	}
	.custom-btn {
		padding: 0 1em;
		letter-spacing: .05em;
}
}

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


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

}