@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) {

/* ------------------------------------------------------------------------ 		
			
		ARTICLES/ARTICLES.css

	 ------------------------------------------------------------------------		*/
article {
}
	.article-container {
		width: 100%;
		padding: 10px 0 20px;
		border-radius: 0px;
	}
	.article-inside {
		width: 100%;
		padding: 0 20px;
	}
	.article-level.bloc {
		padding: 10px 20px;			
	}
	.article-inside.bloc {
		padding: 10px 20px;			
	}
	.article-inside.intro {
		padding: 0 20px;
	}


	article h1, article h2, article h3, article h4 {
		padding-left: 0;
		padding-right: 0;
	}
	article .article-inside .picture-wrapper {
		padding: 0 0;
	}
	article .article-inside .text-wrapper {
		padding: 10px 0;
	}
	article .article-inside .video-wrapper {
		padding: 10px 0;
	}
	article .citation {
		padding: 10px 0;
		font-size: 18px;
		line-height: 1.1;
	}
	article .item-bt {
		margin: 15px;
	}

	article .article-inside:first-child {
		padding-top: 10px;
	}
	
	article.ticket h1, article.ticket h2, article.ticket h3, article.ticket h4 {
		color: #FFF;
		text-align: left;
		padding-bottom: 15px;
		line-height: 1.1;
	}
	article.ticket h1 {
		font-size: 26px;
	}
	section.white h1 {
		font-size: 26px;
	}

/* ------------------------------------------------------------------------ 		
			
		ARTICLES/COLUMNS.css

	 ------------------------------------------------------------------------		*/
.columns-wrapper {
	flex-flow: row wrap; -webkit-flex-flow: row wrap;
}	
	.columns-wrapper .col.width-sidebar {
		width: 100%;
	}
	.columns-wrapper .col.width-small {
		width: 100%;
	}
	.columns-wrapper .col.width-medium {
		width: 100%;
	}
	.columns-wrapper .col.width-large {
		width: 100%;
	}


/* ------------------------------------------------------------------------ 		
			
		ARTILCES/TITLES.css

	 ------------------------------------------------------------------------		*/
	h1 {
		font-size: 30px;
		padding-left: 10px;
	}
		article h1 {
			font-size: 26px;
			line-height: 1.1;
		}
		article ul, article ol {
			margin: 0px;
		}
	h2 {
		font-size: 20px;
		padding-left: 10px;
	}	
	h3 {
		font-size: 18px;
		padding-left: 10px;
		padding-bottom: 4px;
	}
	h4 {
		font-size: 15px;
		padding-left: 10px;
		padding-bottom: 4px;
	}
		article h4 {
		}

	.title-wsocials {
		padding : 0 15px 0 5px;
	}



}