/* sm size */
@media only screen and (min-width: 48em) {
	:root{
		--padding: 30px;
	}

	.show-for-small-only{ display: none;}
	.hide-for-small-only{ display: block;}

	header{
		padding: var(--padding) var(--padding);
		padding-right: 0px;
	}

	header .mobile__menu_btn {
		display: none; 
	}

	header nav {
    height: auto;
    min-height: auto;
    max-height: none;
  }
}

/* md size */
@media only screen and (min-width: 64em) {
	.header__title .orange{
		display: inline-block;
	}
	.tableau__row,
	.tableau__header {
	  display: grid;
	  grid-template-columns: 0.5fr 1fr 1fr 1fr 1fr 1fr;
	}
	.tableau--mobile { display: none;}
	.tableau--desktop {display: block;}
	.projet__diagram{
		width: 60%;
		margin:auto;
	}

}

/* lg size */
@media only screen and (min-width: 75em) {
	.filters-content {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
    column-gap: var(--padding);
  }
}

/* xl size */
@media only screen and (min-width: 90em) {
	:root{
		--textSize: 20px;
		--smallSize: 16px;
	}
	body{
		line-height: 1.4;
	}
}