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

}


@media all and (max-width: 992px){
header .navbar-inverse .navbar-nav > li > a {
    padding: 1.5rem 0.5rem;
	font-size:1.4rem;
}

#philosophie figure figcaption{
	font-size:2rem
}
}


@media all and (max-width: 768px){
header .navbar-inverse .navbar-nav > li{
	text-align:center
}

header .navbar-inverse .navbar-nav > li > a:hover::after, header .navbar-inverse .navbar-nav > li.active::after{
	background-image:none
}

header .navbar-inverse .navbar-nav > li > a {
    font-size: 2rem;
    padding: 1.2rem 0.5rem;
}

#philosophie img {
    margin: 0 auto;
    max-width: 30%;
}

#contact{
	background:none
}
}


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

}