body	{
		
		font-family: "Raleway", sans-serif;
	}
	
	h1, h2, h3, h4, h5, h6 {
		
		letter-spacing: 5px;
	}

	hr {

		border-top: 5px dotted;
	}

	.page-width {

		max-width: 1600px;
		min-width: 300px;
	}

	@media screen and (min-width : 1600px) { 

		.page-width {

			max-width: 1400px;
		}	
	}

	@media screen and (max-width: 600px) {

		.logo-image-sm {

			width: 32px;
			height: auto;
		}
	}

	.main-slider	{

		width: 100%; 
		height: auto;
		object-fit: cover;
	}

	@media screen and (min-width : 1920px) { 

		.main-slider	{

			height: 600px;
		}
	}

	@media screen and (min-height: 1100px) {

		.adjust-height {

			min-height: 800px;
		}
	}

	.neutral {

		text-decoration: none;
	}

	.in-short-block	{

		margin-top: 64px; 
		margin-left: auto; 
		margin-right:auto;
	}

	.footer-background {
		
		background-image: url('../images/footer.jpg');
		min-height: 100%;
		background-position: center;
		background-size: cover;		
	}

	.handwrited	{

		font-family: 'Kaushan Script', cursive;
	}
	
	#footer	{
	
		color: #461c03!important;
		min-width:300px; 
		white-space: nowrap; 
		overflow: hidden;
	}

	#footer p {

		line-height: 1;
	}

	#footer a {

		text-decoration: none;
		color: white;		
	}

	#footer a:hover {

		color: khaki;
	}

	.footer-email {

		color: #461c03!important;
	}

	.footer-email:hover {

		opacity: 60%;
	}

	.social-icons	{

		padding-top: 16px;
	}

	.pointer	{

		cursor: pointer;
	}

	.language-dropdown	{

		min-width: auto!important;
	}

	.language_dropdown-item	{

		padding: 6px 16px;
	}

	#language_select:hover .language-button {

		background: #f0e68c!important;
	}

	#search	{
		
		outline: none;
	}

	@media screen and (max-width: 800px) {
		
		.search-modal	{

			top: 30px;
		}
	}

	.dotted-outline:focus	{

		outline: 	1px orange solid;
	}

	/* Gallery */


	.gallery {

		--space: 8px;
		--min-height: 190px;
		--last-row-background: transparent;
  	}
  
  	.gallery {

		display: flex;
		flex-wrap: wrap;
		grid-gap: var(--space);
		list-style: none;
		margin: 0 !important;
		padding: 0 !important;
  	}
  
  	.gallery > * {

		flex-grow: calc(var(--width) * (100000 / var(--height)));
		flex-basis: calc(var(--min-height) * (var(--width) / var(--height)));
		aspect-ratio: var(--width) / var(--height);
		position: relative;
		overflow: hidden;
		margin: 0 !important;
		padding: 0 !important;
  	}
  
	.gallery > * > img {

		position: absolute;
		width: 100%;
		height: 100%;
	}
  
	.gallery::after {

		content: " ";
		flex-grow: 1000000000;
		background: transparent;
	}
	
  	/* If you need something fancier, check out https://gridzy.gallery/ */	

	.gallery-container	{

		max-width: 1100px;
		background-color: #0e0a08;
		padding-bottom: 32px;
		margin: auto;
	}

	.gallery-play	{

		position: absolute;
		right: 15px;
		bottom: 10px;
		z-index:2;
		color: khaki;
		font-size: 24px;
	}
	  	  
	@media screen and (max-width: 600px) {

		.gallery {

			display: block;
		}

		.gallery > *	{

			aspect-ratio: auto;
		}

		.gallery > * > img {

			height: auto;
		}

		ul.gallery li {

			padding: 8px!important;
		}

		#home {

			background-color: khaki!important;
		}

		.sitemap-wrap	{

			white-space: normal!important;
		}

		.propolis 	{

			width: 65%!important;
		}

		.product-label 	{

			text-align: center!important;
			padding-right: 0px;
		}
	}

	#modal-content {

		text-align: center;
		margin-top: -20px;
		overflow: visible;
		width: auto;
		height: 100%;
	}

	.modal-img	{

		width: 85%;
		height: 85%;
		max-width: 100%;
		object-fit: scale-down;
	}

	.modal-close {

		margin-top: 20px;
	}

	.map-address {

		white-space: nowrap;
	}

	@media screen and (max-width: 750px) {

		.map-address {

			font-size: 14px!important;
		}
	}

	#consent 	{

		background-color: transparent;
	}

	.consent-content {

		width: 100%!important; 
		margin: 0px;
		font-size: 17px;
	}

	.consent-container	{

		width: 100%; 
		max-width: 1100px; 
		margin: auto;
	}

	.no-search-results	{

		margin-bottom: 200px;
	}

	.sitemap-wrap	{

		white-space: nowrap;
	}

	.product-label 	{

		padding-top: 20px; 
		padding-right: 5%;
	}

	.page-height-fixer	{

		margin-bottom: 140px;
	}

	.lm-logo-image {

		width: 70%;
		height: auto;
	}

	@media screen and (min-width: 1400px) {

		.lm-logo-image {

			width: 60%;
		}
	}

	.sm-logo-image 	{

		width: 50%;
		height: auto;
		margin-top: -50px;
	}