@media all {
	/* general */
	.separator {
		clear: both;
		height: 0;
	}
	.container-header {
		background-image: url("/images/banniere.jpg");
		background-repeat: no-repeat;
		background-size: cover;
	}
	
	/* images */
	.img {
		display: block;
		/*margin-left: auto;
		margin-right: auto;*/
		text-align: center;
		font-weight: bold;
		font-style: italic;
		margin: 15px auto 15px auto;
		background-color: #f5f5f5;
	}
	.img img {
		width: 100%;
	}
	.imgright {
		float: right;
		clear: right;
	}
	.imgleft {
		float: left;
		clear: right;
	}
	.imgright, .imgleft {
		margin: 0 15px 15px 15px;
		text-align: center;
		font-weight: bold;
		font-style: italic;
		background-color: #f5f5f5;
	}
	.imgright img, .imgleft img {
		width: 100%;
	}
	.w25 {
		width: 25%;
	}
	.w30 {
		width: 30%;
	}
	.w35 {
		width: 35%;
	}
	.w40 {
		width: 40%;
	}
	.w45 {
		width: 45%;
	}
	.w50 {
		width: 50%;
	}
	.w55 {
		width: 55%;
	}
	.w60 {
		width: 60%;
	}
	.w65 {
		width: 65%;
	}
	.w70 {
		width: 70%;
	}
	.w75 {
		width: 75%;
	}
	.w80 {
		width: 80%;
	}
	.w100 {
		width: 100%;
	}
	
	/* Categories */
	.com-content-categories__items {
		display: flex;
		flex-wrap: no-wrap;
		gap: 15px;
		margin-bottom: 30px;
	}
	.com-content-categories__items > div img {
		border: 1px solid #ccc;
		box-shadow: 5px 5px 10px #ccc;
	}
	.com-content-categories__item {
		max-width: 25%;
	}
	.com-content-categories__item .category-desc {
		display: none;
	}
	.com-content-categories__item {
		border-bottom: 0;
	}
	.com-content-categories__item-title {
		min-height: 48px;
	}
	
	/* category */
	.com-content-category .category-desc {
		margin-top: 17px;
		padding: 8px;
	}
	.com-content-category .category-desc img {
		border: 1px solid #ccc;
		box-shadow: 5px 5px 10px #ccc;
		max-width: 780px;
	}
	.category-desc img {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.category-desc > div {
		display: flex;
		justify-content: center;
		gap: 20px;
		margin-top: 17px;
		margin-bottom: 17px;
	}
	.category-desc > div > div {
		border: 1px solid #777;
		border-radius: 8px;
		box-shadow: 3px 3px 10px 3px #cacaca;
		padding: 8px;
		background: rgba(1,1,1,0.8);
		color: #fff;
	}
	.category-desc > div > div:hover {
		background: rgba(15,15,15,0.8);
	}
	.category-desc > div > div a {
		color: #fff;
	}
	
	/* Articles */
	.com-content-article__body p {
		text-align: justify;
	}
	.com-content-article__body li {
		margin-bottom: 8px;
	}
	.com-content-article__body hr {
		margin: 25px;
	}
	.com-content-article__body blockquote {
		margin: 25px;
		border-top: 2px solid #000;
		border-bottom: 2px solid #000;
		font-style: italic;
		padding: 15px;
		background-color: #fafafa;
	}
	.createdby {
		font-weight: bold;
	}
	.article_table {
		display: table;
	}
	.article_table > div {
		display: table-row;
	}
	.article_table > div > div {
		display: table-cell;
		padding: 5px;
		border-bottom: 1px dotted #888;
	}
	
	/**** Modules ****/
	/* cards */
	.card-header {
		
	}
	
	/* Language selector */
	.languages_selector {
		display: table;
	}
	.languages_selector > div {
		display: table-row;
	}
	.languages_selector > div > div {
		display: table-cell;
		padding: 3px;
	}
	.languages_selector img {
		width: 35px;
	}
	
	/* search */
	.mod-finder .finder {
		/*padding: 5px;*/
		display: none;
	}
	.mod-finder .awesomplete {
		width: 100%;
	}
	
	/* latest mag */
	.latest_mag {
		display: flex;
		flex-wrap: no-wrap;
		justify-content: space-between;
		gap: 15px;
	}
	.latest_mag > div img {
		width: 100%;
		border: 1px solid #ccc;
		box-shadow: 5px 5px 10px #ccc;
	}
	
	/* footer */
	.container-footer {
		background: #6e2a00;
		background: linear-gradient(180deg,rgba(110, 42, 0, 0.82) 0%, rgba(41, 15, 0, 1) 100%);
	}
	
	/* back to top */
	.back-to-top-link {
		background: #25b800;
		background: radial-gradient(circle, rgba(37, 184, 0, 1) 0%, rgba(18, 130, 24, 1) 100%);
	}
}

@media screen and (max-width: 800px) {
	.com-content-category .category-desc img {
		max-width: 100%;
	}
}

@media screen and (max-width: 600px) {
	/* Categories */
	.com-content-categories__items {
		display: flex;
		flex-wrap: wrap;
		gap: 15px;
		margin-bottom: 30px;
	}
	.com-content-categories__items > div img {
		border: 1px solid #ccc;
		box-shadow: 5px 5px 10px #ccc;
	}
	.com-content-categories__item {
		max-width: 100%;
	}
	
	
	/* images */
	.w25 {
		width: 100%;
	}
	.w30 {
		width: 100%;
	}
	.w35 {
		width: 100%;
	}
	.w40 {
		width: 100%;
	}
	.w45 {
		width: 100%;
	}
	.w50 {
		width: 100%;
	}
	.w55 {
		width: 100%;
	}
	.w60 {
		width: 100%;
	}
	.w65 {
		width: 100%;
	}
	.w70 {
		width: 100%;
	}
	.w75 {
		width: 100%;
	}
	
	/**** Modules ****/
	/* latest mag */
	.latest_mag {
		flex-direction: column;
	}
}