@media screen and (max-width: 1479px) {
/*****************************************************************************/

/* MAIN */
main > div > section > div.content { max-width: none; padding: 0 40px; }

/* FOOTER */
footer { padding: 0 40px; }
footer > div.address { left: 0; max-width: none; }
footer > nav.legal, footer > nav.social { right: 40px; }

/*****************************************************************************/
}



@media screen and (max-width: 1399px) {
/*****************************************************************************/

/* MAIN */
main > div > section.hr > div.hr { left: 0; width: 100%; }

/*****************************************************************************/
}



@media screen and (max-width: 1199px) {
/*****************************************************************************/

/* SUBCOLUMNS */
div.subcolumns.buttons > div.col.c3,
div.columns-25-25-25-25 .column {
    width: calc(100% / 12 * 6 - 40px);
}

/*****************************************************************************/
}



@media screen and (max-width: 999px) {
/*****************************************************************************/

/* HEADER */
header > div.logo { width: 175px; }
header > nav.button { width: 50px; height: 50px; }
header > button.snipcart-checkout { left: 110px; width: 50px; height: 50px; }
header > button.snipcart-checkout > span.snipcart-items-count { right: 4px; top: 4px; }

/* MAIN */
main > div > section { padding: 80px 0; }
main > div > section:nth-of-type(1) { padding-top: 210px; }

/* MAIN (adjustments) */
main.hasPoster > div.neos-contentcollection > section:nth-of-type(1) { padding-top: 60px !important; }

/* FOOTER */
footer > nav.legal, footer > nav.social { position: relative; right: auto; left: 0; width: 100%; height: auto; padding-bottom: 40px; }
footer > nav.legal { top: 0; }
footer > nav.social { bottom: auto; top: 0; }

/* FONT-SIZES */
main > div > section > div.content { font-size: calc(18px * (16 / 18)); line-height: calc(1em * (27 / 18)); }
footer > div.address > div { font-size: calc(16px * (16 / 18)); line-height: calc(1em * (24 / 16)); }
.fontSizeBig { font-size: calc(27px * (16 / 18)); line-height: calc(1em * (36 / 27)); }
.fontSizeNormal { font-size: calc(18px * (16 / 18)); line-height: calc(1em * (27 / 18)); }
.fontSizeSmall { font-size: 14px; line-height: calc(1em * (18 / 14)); }
h1, .h1 { font-size: calc(54px * .75); line-height: calc(1em * (60 / 54)); }
h2, .h2 { font-size: calc(36px * .75); line-height: calc(1em * (45 / 36)); }
h3, .h3 { font-size: calc(24px * .75); line-height: calc(1em * (32 / 24)); }

/*****************************************************************************/
}



@media screen and (max-width: 899px) {
/*****************************************************************************/

/* SUBCOLUMNS */
div.subcolumns { left: 0; width: 100%; }

/*div.subcolumns > div.col,*/
div.subcolumns .column {
    margin-left: 0;
    margin-top: 40px;
    width: 100% !important;
    float: none;
}

/*div.subcolumns > div.col:nth-of-type(1),*/
div.subcolumns .column:nth-of-type(1)  {
    margin-top: 0;
}

/*div.subcolumns > div.col.left { float: none; }*/
/*div.subcolumns > div.col.right { float: none; }*/

/* GENERAL */
div.distance, div.space { height: 30px; }

/*****************************************************************************/
}



@media screen and (max-width: 699px) {
/*****************************************************************************/

/* FOOTER */
footer > div.address > div { display: block; margin-left: 0; padding-top: 40px; }
footer > div.address > div:nth-of-type(1) { padding-top: 0; }

/*****************************************************************************/
}



@media screen and (max-width: 599px) {
/*****************************************************************************/

/* HEADER */
header > div.logo { right: 20px; top: 20px; width: 150px; }
header > nav.main { left: -100%; top: 20px; width: calc(100% - (2 * 20px)); max-height: calc(100vh - (2 * 20px)); /*overflow: auto;*/ }
.navON header > nav.main { left: 20px; }
header > nav.button { left: 20px; top: 20px; width: 40px; height: 40px; }
header > button.snipcart-checkout { left: 80px; top: 20px; width: 40px; height: 40px; }
header > button.snipcart-checkout > span.snipcart-items-count { right: 2px; top: 2px; transform-origin: 100% 0%; transform: scale(0.75); }

/* MAIN */
main > div > section { padding: 60px 0; }
main > div > section:nth-of-type(1) { padding-top: 180px; }
main > div > section > div.content { max-width: none; padding: 0 20px; }

/* MAIN (adjustments) */
main.hasPoster > div.neos-contentcollection > section:nth-of-type(1) { padding-top: 40px !important; }

/* FOOTER */
footer { padding: 0 20px; }

/* FONT-SIZES */
h1, .h1 { font-size: calc(54px * .667); line-height: calc(1em * (60 / 54)); }
h2, .h2 { font-size: calc(36px * .667); line-height: calc(1em * (45 / 36)); }

/*****************************************************************************/
}



@media screen and (max-width: 319px) {
/*****************************************************************************/

/* HEADER */
header > div.logo { width: 125px; }
header > nav.button { width: 30px; height: 30px; }
header > button.snipcart-checkout { left: 60px; width: 30px; height: 30px; }

/*****************************************************************************/
}