@media only screen and (max-width: 600px), only screen and (max-device-width: 600px) {
	.union .pathway {
		padding: 0;
		line-height: 1.5;
	}
	.baseline .inside {
		flex-flow: row wrap; -webkit-flex-flow: row wrap;
		line-height: 1.4;
	}

	.grid-wrapper.without-aside.union #main .sortable {
		grid-template: auto / 100%;
    	margin: 0 5px;
	}

	/*	ARTICLE */
	h1 {
		font-size: 23px;
	}
	article h1 {
		font-size: 23px;
	}
	.union article h1 {
		font-size: 23px;		
	}
	.union article.Posts h1 {
		font-size: 24px;
	}
	.union article h2, .membres article h2, .shop article h2 {
		font-size: 18px;
		font-family: 'ClanOT-Medium';
	}
	.union .index-title {
		font-size: 40px;
	}

	.partners-item {
		display: flex; display: -webkit-flex; 
		flex-flow: row wrap; -webkit-flex-flow: row wrap;
		justify-content: center; -webkit-justify-content: center;
		width: 100%;
	}
		.partners-item .col-name {
			width: 100%;
			text-align: center;
		}
		.partners-item .col-description {
			width: 100%;
			padding-top: 5px;
			padding-bottom: 15px;
			margin-bottom: 10px;
			border-bottom: 1px solid;
		}

	article .content {
		padding: 0 0.5rem;
	}
	.filiere article .content {
		padding: 0 0.8rem;	
	}
	.union article .intro {
		font-size: 15px;
	}


	/*	HEADER */
	header .nav-univers {
		height: auto;
	}
		header .nav-univers .col-right a {
			height: auto;
			line-height: 1.0;
			padding: 7px;
		}
	.header-mobile .nav-logo .col-left {
		width: 80%;
	}
		.header-mobile .nav-logo .col-left a {
			width: 100%;
		}
			.header-mobile .nav-logo .col-left a img {
				max-width: 100%;
			}

	/*	SHARES */
	.help .help-inside {
		flex-flow: row wrap; -webkit-flex-flow: row wrap;
	}
		.help .help-inside .help-box {
			width: 100%;
			margin-top: 5px;
			margin-bottom: 5px;
		}
	a.listing {
		width: 100%;
		flex-flow: row wrap; -webkit-flex-flow: row wrap;
		border-bottom: 1px solid #939292;
	}
		a.listing .label {
			width: 100%;
			border-bottom: 0;
		}
		a.listing .more {
			padding-top: 0px;
			text-decoration: none;
		}

	/* WALL  // GRIDS */
	.grid-wrapper.with-aside #aside ul.sortable li {
		width: 98%;
		margin: 0 auto 2rem;
	}
	.union .wall-item .picture .link-index	{
		padding: 0.4rem 1.5rem 0.6rem;
	}
	.union .wall-item .label {
		font-size: 14px;
	}
	.union-w100-big .item-content {
		padding: 1.5rem 0.4rem;
	}
	.union .wall-item .item-content .title {
		font-size: 15px;
	}
		.alaune-wrapper .union-w100-big .item-content .title {
			font-size: 24px;
		}
	.union-w100-small .picture {
		width: 45%;
	}
	.union-w100-small .item-content {
		width: 55%;
	}
	.union-w33 {
		width: 98%;
	}
	.banner {
		text-align: center;
	}

	.filiere-une {
		flex-flow: row wrap; -webkit-flex-flow: row wrap;
	}
		.wall-item.filiere-une .picture {
			width: 100%;
		}
		.filiere-une .content {
			width: 100%;
			padding: 2rem;
		}
			.filiere-une .content .alaune-title {
				font-size: 55px;
			}
	.top-item {
		width: 45%;
	}

	li.filiere-w25 {
		width: 98%;
	}

	/*	SHOP */
	.shop-une {
		padding-top: 0;
	}
	.base-wrapper .header .title {
		font-size: 24px;
	}
	.base-wrapper .products-index {
		padding: 1.5rem;
	}

	.product-wrapper {
		flex-flow: row wrap; -webkit-flex-flow: row wrap;
	}
	.product-wrapper .col-left {
		width: 100%;
	}
		.product-wrapper .col-left img {
			margin: 0.7rem auto;
		}
	.product-wrapper .col-right {
		width: 100%;
	}
		.product-wrapper .col-right .title {
			margin: 2rem;
		}
		.product-wrapper .col-right .description {
			padding: 0 2rem;
		}
}

@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) {
	.union .wall-item .item-content {
		padding: 0px 6px;
	}
	.union .wall-item .item-content .subtitle {
		padding-top: 7px;
	}
	.alaune-wrapper .union-w100-big .item-content {
		padding: 15px;
	}

	.union-w100-big {
	    padding: 0;
    	padding-bottom: 28px;
    	margin: 0px
	}
	.grid-wrapper.with-aside.union #main li.union-w100-small {
		flex-flow: row wrap; -webkit-flex-flow: row wrap;
	    padding: 0;
    	padding-bottom: 28px;
    	margin: 0px
	}
		.union-w100-small .picture {
			width: 100%;
		}

	header .nav-univers .col-univers {
		flex-flow: row wrap; -webkit-flex-flow: row wrap;
	}
	header .nav-logo .col-left img {
		height: auto;
	}
	header .nav-logo .col-left {
		width: calc(100% - 50px);
	}
}