@media all {
	h1 {
		margin-bottom: 18px;
	}
	blockquote {
		font-style: oblique;
		padding: 0 18px;
		font-size: 108%;
	}
	.fullwidth {
		display: flex;
		justify-content: space-between;
	}
	.fullwidth > div {
		padding: 0 5px;
	}
	/* header */
	.header {
		background: linear-gradient(45deg, rgba(39,57,77,1) 0%, rgba(98,140,182,1) 100%);
	}
	.header .container-nav {
		background-image: url("/images/dandelion-bg.png");
		background-repeat: no-repeat;
		background-position-x: center;
		justify-content: flex-end;
		align-items: end;
	}
	.header .mod-menu {
		justify-content: flex-end;
	}
	.container-header .navbar-brand {
		margin-inline-end: 10%;
	}
	.container-header .navbar-brand .brand-logo img {
		max-width: 300px;
	}
	.card-header {
		background: linear-gradient(45deg, rgba(39,57,77,1) 0%, rgba(98,140,182,1) 100%);
		color: #fff;
	}
	/* sidebar */
	.card-body {
		border: 1px solid #193b61;
		background: rgb(113,136,162);
		border-radius: 0 0 5px 5px;
		color: #000;
	}
	.fpjpr_logo .card-body {
		background-image: url("/images/dandelion-bg.png");
		background-color: #2B2F38;
		background-position: left bottom;
		background-size: 100%;
		background-repeat: no-repeat;
	}
	.footer {
		background: linear-gradient(145deg, rgba(39,57,77,1) 0%, rgba(98,140,182,1) 100%);
	}
	.promo .card-header {
		background: linear-gradient(45deg, rgba(173,4,7,1) 0%, rgba(227,59,59,1) 100%);
	}
	.donation .hikashop_product_name, .donation .hikashop_product_code_list {
		display: none;
	}
	.donation .hikashop_product_image {
		height: auto!important;
	}
	.metismenu.mod-menu .metismenu-item.active > a {
		color: #e3de3b;
	}
	.intro-boutique	.card-body {
		border: 0;
		background: #fff;
		color: #000;
	}
	
	/* front page */
	.video_front_page {
		width: 100%; 
		display: flex; 
		justify-content: center;
	}
	
	/* Boutique */
	.hikashop_category_description img {
		width: 320px;
	}
}
@media screen and (max-width: 1000px) {
	.header .grid-child {
		background-image: url("/images/dandelion-bg.png");
		background-position: top right;
	}
	.menu-sidemenu {
		display: none;
	}
	.container-nav {
		background: initial!important;
		justify-content: flex-start!important;
	}
}
@media screen and (min-width: 1000px) {
	.menu-top {
		display: none;
	}
	.menu-sidemenu .card-body {
		background-color: rgba(39,57,77,1);
	}
	.menu-sidemenu a {
		color: #ddd;
	}
	.menu-sidemenu a:hover {
		color: #fff;
	}
	.container-sidebar-left {
		max-width: 400px!important;
	}
	.fullwidth .img {
		width: 31%;
		text-align: center;
		font-weight: bold;
	}
}