@media screen and (min-width: 1921px) {.topbar{ height: 60px; }	.topbar .navigation{ height: 60px; }		.topbar .navigation .part.logo{ height: 60px; padding: 12px 0; }			.topbar .navigation .link{ height: 60px; font-size: 1.9em; line-height: 60px; }.header{}	.header .navigation{ top: 100px; width: 90%; max-width: 1200px; height: 80px; }		.header .navigation .part.left{ top: 40px; left: 0; }		.header .navigation .part.right{ top: 40px; right: 0; }		.header .navigation .part.logo{ left: 33.33%; }		.header .navigation .part.logo .wrapper{ max-width: 300px; max-height: 300px; }			.header .navigation .link{ height: 80px; font-size: 2.4em; line-height: 80px; text-shadow: 2px 2px 3px #120801; }	.award{ bottom: 21px; right: 50px; width: 250px; }		.award:hover{ width: 260px; }			.content{}			.content .row.our-story{ top: 8px; }	.content .row.our-story::before{ top: -8px; height: 8px; }		.content .row.our-story .row-wrapper{ padding: 100px 0; }			.icon-container{ top: 120px; padding: 0 8%; }			.content .row.our-story .wrapper{ margin-bottom: 50px; padding: 0 20%; }				.content .row.our-story .title{ font-size: 8em; margin-bottom: 70px; }				.content .row.our-story p{ font-size: 2.4em; margin-bottom: 40px; }				.content .row.our-story .haccp{ max-width: 250px; }					.content .row.motto{}	.content .row.motto::before, .content .motto::after{ height: 8px; }		.content .row.motto	.title{ padding: 0 20%; font-size: 8em; }	.content .row.cookies{ padding-top: 100px; }		.content .row.cookies .title-wrapper{ margin-bottom: 60px; }			.content .row.cookies .title.our{ padding-left: 0; font-size: 6.8em; }			.content .row.cookies .title.our img{ display: none; }			.content .row.cookies .title.cookies{ margin-bottom: 70px; font-size: 7.8em; }			.content .row.cookies .cookies-wrapper{ max-width: 1920px; }						.content .row.cookies figure{ width: 29.33%; margin: 0 2% 70px 2%; }				.content .row.cookies figure .title{ font-size: 5.8em; }				.content .row.cookies figure .img-caption{ position: relative; margin-bottom: 35px; }					.content .row.cookies figure img{ max-width: 270px; }					.content .row.cookies figure figcaption{ width: 100%; margin: 0; padding: 16px 32px; }						.content .row.cookies .description{ max-width: none; margin-bottom: 10px; padding-bottom: 10px; font-size: 2.4em; }									.content .row.cookies figure .trick{ font-size: 2.2em; }							.content .row.packaging{}	.content .row.packaging::before{ top: -32px; left: 0; width: 100%; height: 32px;	background: linear-gradient(-135deg, transparent 32px, #F3EEEB 0), linear-gradient(135deg, transparent 32px, #F3EEEB 0);	background-repeat: repeat-x; background-position: left bottom; background-size: 32px 32px; }		.content .row.packaging .wrapper{ max-width: 1700px; margin: auto; }			.content .row.packaging .wrapper p{ font-size: 2.6em; }		.content .row.contact-order{}		.content .row.contact-order .wrapper{ padding: 70px 10%; }			.content .row.contact-order .title{ padding-bottom: 70px; font-size: 6em; }			.content .row.contact-order .info-1{ padding-bottom: 70px; }				.content .row.contact-order .info-1 p{ font-size: 2.8em; }			.content .row.contact-order .info-2{}				.content .row.contact-order .info-2 p{ font-size: 2.2em; }		.content .row.contact-order .footer{ padding: 0 5%; }			.content .row.contact-order .footer-wrapper{ padding: 25px 10%; }				.content .row.contact-order .footer p{ font-size: 2em; }	.owl-carousel .carousel-content .subtitle{ font-size: 8em; line-height: 1.1; text-shadow: 2px 2px 3px #120801; }.owl-carousel .carousel-content p{ font-size: 2.6em; text-shadow: 2px 2px 3px #120801; }				.owl-carousel #progressBar{ bottom: 25px; left: 25px; width: 200px; height: 7px; }	.owl-carousel #bar{ height: 7px; }.owl-carousel .owl-controls{ bottom: 25px; width: 160px; }		.owl-controls .owl-page span{ width: 30px; height: 7px; margin-right: 10px; }}@media screen and (min-width: 1681px) and (max-width: 1920px) {.topbar{ height: 50px; }	.topbar .navigation{ height: 50px; }		.topbar .navigation .part.logo{ height: 50px; padding: 7px 0; }			.topbar .navigation .link{ height: 50px; font-size: 1.6em; line-height: 50px; }.header{}	.header .navigation{ top: 65px; width: 90%; max-width: 1000px; height: 60px; }		.header .navigation .part.left{ top: 40px; left: 0; }		.header .navigation .part.right{ top: 40px; right: 0; }		.header .navigation .part.logo{ left: 33.33%; }		.header .navigation .part.logo .wrapper{ max-width: 250px; max-height: 250px; }			.header .navigation .link{ height: 60px; font-size: 1.8em; line-height: 60px; text-shadow: 1px 1px 3px #120801; }	.award{ bottom: 15px; right: 15px; width: 190px; }		.award:hover{ width: 200px; }		.content{}			.content .row.our-story{ top: 7px; }	.content .row.our-story::before{ top: -7px; height: 7px; }		.content .row.our-story .row-wrapper{ padding: 80px 0; }			.icon-container{ top: 100px; padding: 0 8%; }			.content .row.our-story .wrapper{ margin-bottom: 45px; padding: 0 20%; }				.content .row.our-story .title{ font-size: 7em; margin-bottom: 50px; }				.content .row.our-story p{ font-size: 2em; margin-bottom: 28px; }				.content .row.our-story .haccp{ max-width: 250px; }					.content .row.cookies{ padding-top: 80px; }		.content .row.cookies .title-wrapper{ margin-bottom: 50px; }			.content .row.cookies .title.our{ padding-left: 0; font-size: 5.8em; }			.content .row.cookies .title.our img{ display: none; }			.content .row.cookies .title.cookies{ margin-bottom: 70px; font-size: 6.6em; }			.content .row.cookies .cookies-wrapper{ max-width: 1420px; }						.content .row.cookies figure{ width: 29.33%; margin: 0 2% 60px 2%; }				.content .row.cookies figure .title{ font-size: 4.6em; }				.content .row.cookies figure .img-caption{ position: relative; margin-bottom: 30px; }					.content .row.cookies figure img{ max-width: 210px; }					.content .row.cookies figure figcaption{ width: 100%; margin: 0; padding: 14px 28px; }						.content .row.cookies .description{ max-width: none; margin-bottom: 8px; padding-bottom: 8px; font-size: 1.9em; }									.content .row.cookies figure .trick{ font-size: 1.8em; }							.content .row.contact-order{}		.content .row.contact-order .wrapper{ padding: 60px 10%; }			.content .row.contact-order .title{ padding-bottom: 60px; font-size: 5em; }			.content .row.contact-order .info-1{ padding-bottom: 60px; }				.content .row.contact-order .info-1 p{ font-size: 2.4em; }			.content .row.contact-order .info-2{}				.content .row.contact-order .info-2 p{ font-size: 2.0em; }		.content .row.contact-order .footer{ padding: 0 5%; }			.content .row.contact-order .footer-wrapper{ padding: 23px 10%; }				.content .row.contact-order .footer p{ font-size: 1.4em; }.owl-carousel .carousel-content .subtitle{ font-size: 6.4em; line-height: 1.2; text-shadow: 1px 1px 3px #120801; }.owl-carousel .carousel-content p{ font-size: 2.2em; text-shadow: 1px 1px 3px #120801; }						.owl-carousel #progressBar{ bottom: 17px; left: 17px; width: 180px; height: 5px; }	.owl-carousel #bar{ height: 5px; }.owl-carousel .owl-controls{ bottom: 17px; width: 150px; }		.owl-controls .owl-page span{ width: 27px; height: 5px; margin-right: 8px; }}@media screen and (min-width: 1281px) and (max-width: 1680px) {.topbar{ height: 40px; }	.topbar .navigation{ height: 40px; }		.topbar .navigation .part.logo{ height: 40px; padding: 2px 0; }			.topbar .navigation .link{ height: 40px; font-size: 1.5em; line-height: 40px; }			.header{}	.header .navigation{ top: 40px; }		.header .navigation .part.logo .wrapper{ max-width: 220px; max-height: 220px; }			.header .navigation .link{ height: 40px; font-size: 1.6em; line-height: 40px; }	.award{ bottom: 10px; right: 10px; width: 170px; }		.award:hover{ width: 180px; }	.content{}	.content .row.our-story{ top: 5px; }	.content .row.our-story::before{ top: -5px; height: 5px; }		.content .row.our-story .row-wrapper{ padding: 70px 0; }			.icon-container{ top: 90px; }			.content .row.our-story .wrapper{ margin-bottom: 40px; padding: 0 19%; }				.content .row.our-story .title{ font-size: 6.4em; margin-bottom: 50px; }				.content .row.our-story p{ font-size: 1.8em; margin-bottom: 20px; }				.content .row.our-story .haccp{ max-width: 200px; }		.content .row.motto::before, .content .motto::after{ height: 5px; }		.content .row.motto	.title{ font-size: 6.4em; padding: 0 5%; }		.content .row.cookies{ padding-top: 50px; }		.content .row.cookies .title-wrapper{ margin-bottom: 60px; }			.content .row.cookies .title.our{ font-size: 5.2em; }			.content .row.cookies .title.cookies{ font-size: 5.8em; }		.content .row.cookies .cookies-wrapper{ max-width: 1200px; padding: 0 5%; }			.content .row.cookies figure{ margin: 0 2% 50px 2%; }				.content .row.cookies figure .title{ font-size: 3.7em; }				.content .row.cookies figure .img-caption{ position: relative; margin-bottom: 20px; }					.content .row.cookies figure img{ max-width: 180px; }					.content .row.cookies figure figcaption{ padding: 7px 14px; }						.content .row.cookies .description{ font-size: 1.7em; }									.content .row.cookies figure .trick{ font-size: 1.5em; line-height: 1.1; }				.content .row.contact-order{}		.content .row.contact-order .wrapper{ padding: 60px 10%; }			.content .row.contact-order .title{ padding-bottom: 50px; font-size: 4.8em; }			.content .row.contact-order .info-1{ padding-bottom: 50px; }				.content .row.contact-order .info-1 p{ font-size: 2.1em; }			.content .row.contact-order .info-2{}				.content .row.contact-order .info-2 p{ font-size: 1.8em; }		.content .row.contact-order .footer{ padding: 0 5%; }			.content .row.contact-order .footer-wrapper{ padding: 20px 10%; }				.content .row.contact-order .footer p{ font-size: 1.4em; }				.owl-carousel .carousel-content{ padding: 0 5%; }			.owl-carousel .carousel-content .subtitle{ font-size: 5.8em; margin-bottom: 10px; }	.owl-carousel .carousel-content p{ font-size: 2em; }#slider-packaging .carousel-content{ padding: 15px; text-align: center; }		#slider-packaging .carousel-content p{ font-size: 1.9em }#slider-packaging .owl-buttons div{ width: 30px; height: 60px; font-size: 2.8em; line-height: 60px; }}@media screen and (min-width: 1025px) and (max-width: 1280px) {.topbar{ height: 36px; }	.topbar .navigation{ height: 36px; }		.topbar .navigation .part.logo{ height: 36px; padding: 0; }			.topbar .navigation .part.logo img{ width: 100%; height: 100%; }			.topbar .navigation .link{ height: 36px; font-size: 1.4em; line-height: 36px; }.header{}	.header .navigation{ top: 40px; }		.header .navigation .part.logo .wrapper{ max-width: 210px; max-height: 210px; }			.header .navigation .link{ height: 40px; font-size: 1.6em; line-height: 40px; }	.award{ bottom: 10px; right: 10px; width: 160px; }		.award:hover{ width: 170px; }			.content{}			.content .row.our-story{ top: 5px; }	.content .row.our-story::before{ top: -5px; height: 5px; }		.content .row.our-story .row-wrapper{ padding: 65px 0; }			.icon-container{ top: 85px; padding: 0 3%; }			.content .row.our-story .wrapper{ margin-bottom: 35px; padding: 0 20%; }				.content .row.our-story .title{ font-size: 6em; margin-bottom: 45px; }				.content .row.our-story p{ font-size: 1.7em; margin-bottom: 18px; }				.content .row.our-story .haccp{ max-width: 210px; }				.content .row.motto::before, .content .motto::after{ height: 5px; }		.content .row.motto	.title{ font-size: 5.2em; padding: 0 5%; }			.content .row.cookies{ padding-top: 50px; }		.content .row.cookies .title-wrapper{ margin-bottom: 55px; }			.content .row.cookies .title.our{ font-size: 5em; }			.content .row.cookies .title.cookies{ font-size: 5.6em; }		.content .row.cookies .cookies-wrapper{ max-width: none; padding: 0 5%; }			.content .row.cookies figure{ margin: 0 2% 45px 2%; }				.content .row.cookies figure .title{ font-size: 3.6em; }				.content .row.cookies figure .img-caption{ position: relative; margin-bottom: 20px; }					.content .row.cookies figure figcaption{ padding: 5px 10px; }						.content .row.cookies .description{ font-size: 1.6em; }									.content .row.cookies figure .trick{ font-size: 1.4em; line-height: 1.1; }					.content .row.contact-order{}		.content .row.contact-order .wrapper{ padding: 50px 10%; }			.content .row.contact-order .title{ padding-bottom: 35px; font-size: 4.3em; }			.content .row.contact-order .info-1{ padding-bottom: 35px; }				.content .row.contact-order .info-1 p{ font-size: 1.9em; }			.content .row.contact-order .info-2{}				.content .row.contact-order .info-2 p{ font-size: 1.7em; }		.content .row.contact-order .footer{ padding: 0 5%; }			.content .row.contact-order .footer-wrapper{ padding: 18px 8%; }				.content .row.contact-order .footer p{ font-size: 1.3em; }				.owl-carousel .carousel-content{ padding: 0 5%; }			.owl-carousel .carousel-content .subtitle{ font-size: 5.4em; margin-bottom: 10px; }	.owl-carousel .carousel-content p{ font-size: 2em; }#slider-packaging .carousel-content{ padding: 15px; text-align: center; }		#slider-packaging .carousel-content p{ font-size: 1.9em }#slider-packaging .owl-buttons div{ width: 30px; height: 60px; font-size: 2.8em; line-height: 60px; }}@media screen and (min-width: 801px) and (max-width: 1024px) {.topbar{ height: 36px; }	.topbar .navigation{ height: 36px; }		.topbar .navigation .part.logo{ height: 36px; padding: 0; }			.topbar .navigation .part.logo img{ width: 100%; height: 100%; }			.topbar .navigation .link{ height: 36px; font-size: 1.4em; line-height: 36px; }.header{}	.header .navigation{ top: 40px; }		.header .navigation .part.logo .wrapper{ max-width: 200px; max-height: 200px; }			.header .navigation .link{ height: 40px; font-size: 1.6em; line-height: 40px; }	.award{ bottom: 10px; right: 10px; width: 150px; }		.award:hover{ width: 160px; }				.content{}		.content .row.our-story{ top: 4px; }	.content .row.our-story::before{ top: -4px; height: 4px; }		.content .row.our-story .row-wrapper{ padding: 60px 0; }			.icon-container{ top: 80px; padding: 0 3%; }			.content .row.our-story .wrapper{ margin-bottom: 30px; padding: 0 20%; }				.content .row.our-story .title{ font-size: 5.8em; margin-bottom: 40px; }				.content .row.our-story p{ font-size: 1.6em; margin-bottom: 15px; }				.content .row.our-story .haccp{ max-width: 200px; }		.content .row.motto::before, .content .motto::after{ height: 4px; }		.content .row.motto	.title{ font-size: 4.6em; padding: 0 5%; }	.content .row.cookies{ padding-top: 50px; }		.content .row.cookies .title-wrapper{ margin-bottom: 45px; }			.content .row.cookies .title.our{ font-size: 4.4em; }			.content .row.cookies .title.cookies{ font-size: 5.2em; }
	.content .row.cookies .cookies-wrapper{ max-width: none; padding: 0 5%; }			.content .row.cookies figure{ margin: 0 2% 40px 2%; }			.content .row.cookies figure .title{ font-size: 3.4em; }				.content .row.cookies figure .img-caption{ position: relative; margin-bottom: 20px; }					.content .row.cookies figure figcaption{ padding: 5px 10px; }						.content .row.cookies .description{ font-size: 1.5em; }									.content .row.cookies figure .trick{ font-size: 1.3em; line-height: 1.1; }		.content .row.contact-order{}		.content .row.contact-order .wrapper{ padding: 50px 5%; }			.content .row.contact-order .title{ padding-bottom: 38px; font-size: 4em; }			.content .row.contact-order .info-1{ padding-bottom: 38px; }				.content .row.contact-order .info-1 p{ font-size: 1.8em; }			.content .row.contact-order .info-2{}				.content .row.contact-order .info-2 p{ font-size: 1.6em; }		.content .row.contact-order .footer{ padding: 0 5%; }			.content .row.contact-order .footer-wrapper{ padding: 18px 5%; }				.content .row.contact-order .footer p{ font-size: 1.2em; }				.owl-carousel .carousel-content{ padding: 0 5%; }			.owl-carousel .carousel-content .subtitle{ font-size: 5em; margin-bottom: 10px; }	.owl-carousel .carousel-content p{ font-size: 2em; }#slider-packaging .carousel-content{ padding: 15px; text-align: center; }		#slider-packaging .carousel-content p{ font-size: 1.8em }#slider-packaging .owl-buttons div{ width: 30px; height: 60px; font-size: 2.8em; line-height: 60px; }}
media screen and (min-width: 641px) and (max-width: 800px) {.topbar{ height: 36px; }	.topbar .navigation{ height: 36px; }		.topbar .navigation .part.logo{ height: 36px; padding: 0; }			.topbar .navigation .part.logo img{ width: 100%; height: 100%; }			.topbar .navigation .link{ height: 36px; font-size: 1.4em; line-height: 36px; }.header{}	.header .navigation{ top: 40px; width: 100%; height: 40px; padding: 0 15px; }		.header .navigation .part.logo{ top: 0; left: 33.33%; }		.header .navigation .part.logo .wrapper{ max-width: 190px; max-height: 190px; }			.header .navigation .link{ width: 100%; height: 40px; font-size: 1.6em; line-height: 40px; }	.award{ bottom: 10px; right: 10px; width: 140px; }		.award:hover{ width: 150px; }			.content{}		.content .row.our-story{ top: 4px; }	.content .row.our-story::before{ top: -4px; height: 4px; }		.content .row.our-story .row-wrapper{ padding: 60px 0; }			.icon-container{ top: 80px; padding: 0 3%; }				.icons.sesirici{ bottom: 75%; left: 0%; }				.icons.kofercic{ bottom: 52%; left: 0%; }				.icons.koktelcic{ bottom: 30%; left: 0%; }				.icons.kafica{ bottom: 5%; left: 0; }				.icons.raketica{ bottom: -21%; left: 0%; }				.icons.kalupcic{ bottom: -45%; left: 0%; }					.icons.palmica{ bottom: -45%; right: 0%; }				.icons.kometica{ bottom: -21%; right: 0%; }						.icons.cokoladica{ bottom: 0%; right: 0%; }				.icons.rukavica{ bottom: 23%; right: 0%; }				.icons.tetrapakcic{ bottom: 49%; right: 0%; width: 30px; height: 36px; }				.icons.kolacic{ bottom: 75%; right: 0%; width: 30px; height: 28px; }			.content .row.our-story .wrapper{ margin-bottom: 30px; padding: 0 19%; }				.content .row.our-story .title{ font-size: 6em; margin-bottom: 40px; }				.content .row.our-story p{ font-size: 1.6em; margin-bottom: 15px; }				.content .row.our-story .haccp{ max-width: 180px; }					.content .row.motto::before, .content .motto::after{ height: 4px; }		.content .row.motto	.title{ font-size: 4.2em; padding: 0 5%; }			.content .row.cookies{ padding-top: 50px; }		.content .row.cookies .title-wrapper{ margin-bottom: 40px; }			.content .row.cookies .title.our{ font-size: 4.4em; }			.content .row.cookies .title.cookies{ font-size: 5.2em; }		.content .row.cookies .cookies-wrapper{ max-width: none; padding: 0 5%; }			.content .row.cookies figure{ margin: 0 2% 40px 2%; }				.content .row.cookies figure .title{ font-size: 3.4em; }				.content .row.cookies figure .img-caption{ position: relative; margin-bottom: 20px; }					.content .row.cookies figure figcaption{ padding: 5px 10px; }					.content .row.cookies .description{ font-size: 1.4em; }			
				.content .row.cookies figure .trick{ font-size: 1.3em; line-height: 1.1; }					.content .row.contact-order{}		.content .row.contact-order .wrapper{ padding: 50px 5%; }			.content .row.contact-order .title{ padding-bottom: 35px; font-size: 3.7em; }			.content .row.contact-order .info-1{ padding-bottom: 35px; }				.content .row.contact-order .info-1 p{ font-size: 1.7em; }			.content .row.contact-order .info-2{}				.content .row.contact-order .info-2 p{ font-size: 1.4em; }		.content .row.contact-order .footer{ padding: 0 5%; }			.content .row.contact-order .footer-wrapper{ padding: 18px 8%; }				.content .row.contact-order .footer p{ font-size: 1.2em; }				.owl-carousel #progressBar{ bottom: 10px; left: 10px; width: 150px; height: 3px; }	.owl-carousel #bar{ height: 3px; }.owl-carousel .carousel-content{ top: 50%; width: 100%; padding: 0 5%; }			.owl-carousel .carousel-content .subtitle{ font-size: 4.6em; margin-bottom: 10px; }	.owl-carousel .carousel-content p{ font-size: 1.8em; }
.owl-carousel .owl-controls{ bottom: 23px; left: 10px; width: 112px; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%);-ms-transform: translateX(0%); transform: translateX(0%); }	.owl-controls .owl-page span{ width: 20px; height: 3px; margin-right: 8px; }#slider-packaging .carousel-content{ padding: 10px; text-align: center; }		#slider-packaging .carousel-content p{ font-size: 1.6em }#slider-packaging .owl-buttons div{ width: 25px; height: 50px; font-size: 2.6em; line-height: 50px; }}@media screen and (min-width: 421px) and (max-width: 640px) {.topbar{ height: 34px; }	.topbar .navigation{ height: 34px; }		.topbar .navigation .part.logo{ height: 34px; padding: 0; }			.topbar .navigation .part.logo img{ width: 100%; height: 100%; }			.topbar .navigation .link{ height: 34px; font-size: 1.3em; line-height: 34px; }			.header{}	.header .navigation{ top: 40px; width: 100%; height: 40px; padding: 0 15px; }		.header .navigation .part.logo{ top: 0; left: 33.33%; }		.header .navigation .part.logo .wrapper{ max-width: 170px; max-height: 170px; }			.header .navigation .link{ width: 100%; height: 40px; font-size: 1.6em; line-height: 40px; }	.award{ bottom: 10px; right: 10px; width: 130px; }		.award:hover{ width: 140px; }.content{}	.content .row.our-story{ top: 4px; }	.content .row.our-story::before{ top: -4px; height: 4px; }		.content .row.our-story .row-wrapper{ padding: 55px 0; }			.icon-container{ top: 80px; padding: 0 3%; }				.icons.sesirici{ bottom: 75%; left: 0%; width: 30px; height: 19px; }				.icons.kofercic{ bottom: 52%; left: 0%; width: 30px; height: 29px; }				.icons.koktelcic{ bottom: 30%; left: 0%; width: 24px; height: 30px; }				.icons.kafica{ bottom: 5%; left: 0; width: 30px; height: 41px; }				.icons.raketica{ bottom: -21%; left: 0%; width: 30px; height: 35px; }				.icons.kalupcic{ bottom: -45%; left: 0%; width: 30px; height: 31px; }					.icons.palmica{ bottom: -45%; right: 0%; width: 30px; height: 30px; }				.icons.kometica{ bottom: -21%; right: 0%; width: 60px; height: 14px; }						.icons.cokoladica{ bottom: 0%; right: 0%; width: 30px; height: 28px; }				.icons.rukavica{ bottom: 23%; right: 0%; width: 30px; height: 40px; }				.icons.tetrapakcic{ bottom: 49%; right: 0%; width: 30px; height: 36px; }				.icons.kolacic{ bottom: 75%; right: 0%; width: 30px; height: 28px; }			.content .row.our-story .wrapper{ padding: 0 18%; }						.content .row.our-story .title{ font-size: 5.8em; margin-bottom: 35px; }				.content .row.our-story p{ font-size: 1.6em; margin-bottom: 18px; }				.content .row.our-story .haccp{ max-width: 180px; }		.content .row.motto::before, .content .motto::after{ height: 4px; }		.content .row.motto	.title{ font-size: 3.6em; padding: 0 10px; }		.content .row.cookies{ padding-top: 50px; }		.content .row.cookies .title-wrapper{ margin-bottom: 40px; }			.content .row.cookies .title.our{ font-size: 4em; }			.content .row.cookies .title.cookies{ font-size: 4.8em; }		.content .row.cookies .cookies-wrapper{ max-width: none; padding: 0 10px; }			.content .row.cookies figure{ margin: 0 2% 40px 2%; }				.content .row.cookies figure .title{ font-size: 3em; }				.content .row.cookies figure .img-caption{ position: relative; margin-bottom: 15px; }					.content .row.cookies figure figcaption{ display: none; }		.content .row.contact-order{}		.content .row.contact-order .wrapper{ padding: 40px 5%; }			.content .row.contact-order .title{ padding-bottom: 30px; font-size: 3.2em; line-height: 1.2; }			.content .row.contact-order .info-1{ padding-bottom: 30px; }				.content .row.contact-order .info-1 p{ font-size: 1.6em; }			.content .row.contact-order .info-2{}				.content .row.contact-order .info-2 p{ font-size: 1.4em; }		.content .row.contact-order .footer{ padding: 0 5%; }			.content .row.contact-order .footer-wrapper{ padding: 18px 8%; }				.content .row.contact-order .footer p{ font-size: 1.1em; }				.owl-carousel #progressBar{ bottom: 10px; left: 10px; width: 150px; height: 3px; }	.owl-carousel #bar{ height: 3px; }.owl-carousel .carousel-content{ top: 50%; width: 100%; padding: 0 5%; }			.owl-carousel .carousel-content .subtitle{ font-size: 4.2em; margin-bottom: 10px; }	.owl-carousel .carousel-content p{ font-size: 1.8em; }.owl-carousel .owl-controls{ bottom: 23px; left: 10px; width: 112px; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%);-ms-transform: translateX(0%); transform: translateX(0%); }		.owl-controls .owl-page span{ width: 20px; height: 3px; margin-right: 8px; }#slider-packaging .carousel-content{ padding: 10px; text-align: center; }		#slider-packaging .carousel-content p{ font-size: 1.6em }#slider-packaging .owl-buttons div{ width: 25px; height: 50px; font-size: 2.6em; line-height: 50px; }}@media screen and (max-width: 420px) {.topbar{ height: 50px; }	.topbar .navigation{ height: 50px; }		.topbar .navigation .part{ top: 25px; width: 50%; }		.topbar .navigation .part.logo{ top: 5px; height: 20px; padding: 0; }			.topbar .navigation .part.logo img{ width: auto; height: 20px; }			.topbar .navigation .link{ height: 30px; font-size: 1.3em; line-height: 20px; }			.header{}	.header .navigation{ top: 10px; left: 0; width: 100%; max-width: none; height: 0;	-webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%);	-ms-transform: translateX(0%); transform: translateX(0%); }		.header .navigation .part{ position: absolute; top: 0; width: 50%; text-align: center; }		.header .navigation .part.logo{ top: 45px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);		-o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }		.header .navigation .part.logo .wrapper{ max-width: 120px; max-height: 120px; }			.header .navigation .link{ float: left; position: relative; width: 50%; height: 25px; font-size: 1.4em; line-height: 25px; color: #FFFFFF;			text-align: center; text-transform: lowercase; text-shadow: 1px 1px 3px #120801; }		.award{ bottom: 5px; right: 5px; width: 80px; }		.award:hover{ width: 90px; }	.content{}		.content .row.our-story .row-wrapper{ padding: 70px 0 50px 0; }		.icon-container{ display: none; }		.content .row.our-story .wrapper{ margin-bottom: 30px; padding: 0 5%; }			.content .row.our-story .title{ margin-bottom: 30px; font-size: 5.2em; }			.content .row.our-story p{ margin-bottom: 25px; font-size: 1.4em; }			.content .row.our-story .haccp{ max-width: 180px; }				.content .row.motto::before, .content .motto::after{ height: 3px; }		.content .row.motto	.title{ font-size: 3em; padding: 0 10px; }			.content .row.cookies{ padding-top: 60px; }		.content .row.cookies .title-wrapper{ margin-bottom: 40px; }			.content .row.cookies .title.our{ font-size: 3.6em; }			.content .row.cookies .title.cookies{ font-size: 4.6em; }		.content .row.cookies .cookies-wrapper{ max-width: none; padding: 0 10px; }			.content .row.cookies figure{ margin: 0 2% 35px 2%; }				.content .row.cookies figure .title{ font-size: 2.4em; }				.content .row.cookies figure .img-caption{ position: relative; margin-bottom: 15px; }					.content .row.cookies figure figcaption{ display: none; }			.content .row.contact-order{}		.content .row.contact-order .wrapper{ padding: 25px 5%; }			.content .row.contact-order .title{ padding-bottom: 25px; font-size: 3em; line-height: 1.2; }			.content .row.contact-order .info-1{ padding-bottom: 25px; }				.content .row.contact-order .info-1 p{ font-size: 1.4em; }			.content .row.contact-order .info-2{}				.content .row.contact-order .info-2 p{ font-size: 1.2em; }		.content .row.contact-order .footer{ padding: 0 5%; }			.content .row.contact-order .footer-wrapper{ padding: 15px 5%; }				.content .row.contact-order .footer p{ font-size: 1em; }		.owl-carousel #progressBar{ bottom: 5px; left: 5px; width: 150px; height: 2px; }	.owl-carousel #bar{ height: 2px; }.owl-carousel .carousel-content{ top: 58%; width: 100%; padding: 0 10px; }			.owl-carousel .carousel-content .subtitle{ font-size: 3.8em; margin-bottom: 10px; }	.owl-carousel .carousel-content p{ font-size: 1.5em; }.owl-carousel .owl-controls{ bottom: 12px; left: 5px; width: 112px;-webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%);-ms-transform: translateX(0%); transform: translateX(0%); }		.owl-controls .owl-page span{ width: 20px; height: 2px; margin-right: 8px; }#slider-packaging .carousel-content{ padding: 10px; text-align: center; }		#slider-packaging .carousel-content p{ font-size: 1.4em }#slider-packaging .owl-buttons div{ width: 25px; height: 40px; font-size: 2em; line-height: 40px; }}@media screen and (max-height: 320px) {.header{}		.header .navigation{ top: 10px; left: 0; width: 100%; max-width: none; height: 0;	-webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%);	-ms-transform: translateX(0%); transform: translateX(0%); }		.header .navigation .part{ position: absolute; top: 0; width: 120px; text-align: center; }		.header .navigation .part.logo{ top: 0; left: 10px; width: 100px; -webkit-transform: translateX(0%); -moz-transform: translateX(0%);		-o-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }		.header .navigation .part.left{ right: 10px; left: auto; width: 120px; }		.header .navigation .part.right{ right: 10px; width: 120px; top: 50px; }		.header .navigation .part.logo .wrapper{ max-width: 100px; max-height: 100px; }			.header .navigation .link{ float: none; display: block; width: 120px; height: 25px; font-size: 1.4em; line-height: 25px;			color: #FFFFFF; text-align: right; }		.award{ bottom: 5px; right: 5px; width: 70px; }		.award:hover{ width: 80px; }	.owl-carousel .carousel-content{ top: auto; bottom: 10px; left: 0; width: 100%; padding: 0 10px; text-align: left;-webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%);-ms-transform: translateX(0%); transform: translateX(0%); }			.owl-carousel .carousel-content .subtitle{ font-size: 3.6em; margin-bottom: 0; }	.owl-carousel .carousel-content p{ font-size: 1.5em; }			.owl-carousel #progressBar, .owl-controls .owl-pagination{ display: none; }	}