/*
 Theme Name:   Oliver Ressler
 Author:       Juma Hauser, Roman Richter, Heli Ammann
 Template:     suidobashi
 Version:      1.0.14
 Text Domain:  oliverressler
*/

/*@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i&display=swap');*/

/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(fonts/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}




/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOiCnqEu92Fr1Mu51QrEz0dL_nz.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOiCnqEu92Fr1Mu51QrEzQdL_nz.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOiCnqEu92Fr1Mu51QrEzwdL_nz.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOiCnqEu92Fr1Mu51QrEzMdL_nz.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOiCnqEu92Fr1Mu51QrEz8dL_nz.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOiCnqEu92Fr1Mu51QrEz4dL_nz.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOiCnqEu92Fr1Mu51QrEzAdLw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc3CsTKlA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc-CsTKlA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc2CsTKlA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc5CsTKlA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc1CsTKlA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc0CsTKlA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc6CsQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xFIzIFKw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xLIzIFKw.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xHIzIFKw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc3CsTKlA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc-CsTKlA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc2CsTKlA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc5CsTKlA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc1CsTKlA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc0CsTKlA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc6CsQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic3CsTKlA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic-CsTKlA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic2CsTKlA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic5CsTKlA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic1CsTKlA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic0CsTKlA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic6CsQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxFIzIFKw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxMIzIFKw.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxEIzIFKw.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxLIzIFKw.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxHIzIFKw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxIIzI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



* {
    margin: 0;
    padding: 0;
}
body {
    font-family: 'Roboto', sans-serif;
    background:#ededed;
}
#masthead, .template-portfolio .entry-header, .template-portfolio .entry-meta, .single-post .entry-header, .single-post .entry-meta, .blog .entry-header, .blog .entry-meta, .single-post #comments, #disqus_thread, .nav-wrap, #infinite-handle, .infinite-loader {
    max-width: 1366px;
    padding-left:0;
    padding-right:0;
}
#masthead {
    padding-top:18px;
    width:100%;
    max-width:100%;
    padding-left:0;
    padding-right:0;
    height:37px;
    z-index:999;
}
.page #masthead,
.home #masthead,
.archive #masthead {
    background: rgba(237,237,237,0.9);
    padding-bottom:0;
}
.single-post #masthead {
    background: rgba(237,237,237,0.7);
    padding-bottom:0;
}
.page #site-nav,
.home #site-nav,
.archive #site-nav {
    background: rgba(237,237,237,0.9);
}
.frontpageimg {
    display: grid;
    height: 100%;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    position:relative;
}
.frontpageimg.hide {
    background-image: none !important;
    height: auto !important;
}
.frontpageimg.hide #arrow,
.frontpageimg.hide #title {
    display:none;
}
.single-post #site-nav {
    background: rgba(237,237,237,0.9);
}
.single-post #masthead.fullop {
    background: rgba(237,237,237,0.9);
}
#site-title {
    margin: 0;
    margin-left:10px;
    margin-right:10px;
    padding:0;
}
#site-title.invisible {
    display:none;
}
#site-title h1 {
    font-size: 16px;
    line-height:16px;
    font-weight: 300;
    text-transform:uppercase;
    letter-spacing:0.2em;
}
.site-content .post .entry-content, .site-content .page .entry-content {
    max-width: 100%;
}
#primary {
    padding-top: 140px;
    margin:0 auto;
    max-width:830px;
}
.frontpageimg #arrow {
    position:absolute;
    width:50px;
    height:28px;
    bottom:40px;
    left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto; 
}
.frontpageimg #arrow:hover {
    cursor:pointer; 
}
.frontpageimg #arrow img {
    height:100%;
}
.frontpageimg #title {
    position:absolute;
    bottom:10px;
    left: 10px; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto;
    font-size:6vw;
    color:rgba(255,255,255,0.8);
    font-weight:500;
    letter-spacing:0.1em;
}
.center-fit {
    max-width: 100%;
    max-height: 100vh;
    margin: auto;
}
.contact-info li,
#colophon #site-info li {
    font-size:12px;
    font-weight:300;
    letter-spacing:0.2em;
}
.contact-info a,
#colophon #site-info a {
    border-bottom: none;
    background:none;
    font-size:12px;
    font-weight:300;
    letter-spacing:0.2em;
    color:#666;
}
.contact-info a:hover,
#colophon #site-info a:hover {
    border-bottom: none;
    background:none;
    color:#000;
}
#site-nav ul li a {
    line-height:1;
    text-transform:uppercase;
    letter-spacing:0.2em;
}
#site-nav ul li ul li a {
    text-transform:none;
}
.contact-info a, #colophon #site-info a, .nav-previous a span, .nav-next a span, .nav-previous a span:hover, .nav-next a span:hover {
    border-bottom: none;
}
#mobile-menu-toggle {
    margin-right:10px;
    border-bottom:none;
    position:relative;
    margin-bottom:0;
}
#mobile-menu-toggle:after {
    content:url('img/burger.svg');
    display:block;
    position:absolute;
    bottom:3px;
    right:0;
}
#mobile-menu-toggle span {
    visibility:hidden;
}
.entry-content p, .entry-content p.standard-text, .entry-content ul, .entry-content ol, .entry-content .wide-content {
    font-size: 15px;
    line-height: 25px;
    font-weight:300;
}
.entry-header h2.entry-title, .entry-header h1.entry-title, h2, .blog .entry-header h2.entry-title {
    font-size: 24px;
    line-height:28px;
    font-weight:500;
    padding:0;
    margin:0 0 10px 0;
}
.entry-header h3.entry-title, h3 {
    font-size: 18px;
    font-weight:300;
    padding:0;
    margin-bottom:30px;
    margin-top:0;
}
.entry-content ul.blocks-gallery-grid {
    padding-left:0;
}
.entry-content a {color: #666; border-bottom: 1px solid #666;}
.entry-content a:hover {color: #000; border-bottom: 1px solid #000;}

.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before {
    padding-top: 0;
}
.wp-block-quote:not(.is-large):not(.is-style-large) p {
    font-size: 14px;
    font-weight:300;
}
a.more-link:hover span, .entry-header h1.entry-title a:hover, .entry-header h2.entry-title a:hover, .intro-slogan a:hover, .footer-slogan a:hover, .entry-content a:hover, #comments a:hover, input[type="button"]:hover, input[type="submit"]:hover, input#submit:hover, #infinite-handle span:hover, a.more-link:hover span, .author-description a:hover,
.entry-header h1.entry-title a, .entry-header h2.entry-title a {
    border-bottom:none;
}
#site-nav ul ul {
    list-style:none;
    padding-top:14px;
}
#site-nav ul li li {
    border-bottom: none;
}
#site-nav li:hover > a {
    border-bottom:none;
    color:#000;
}
#site-nav ul li a:hover {
    border-bottom:none;
    color:#000;
}
#site-nav ul ul li a::before {
    content: '';
    padding: 0;
}
.single-post .site-content .post {
    max-width:550px;
}
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper::before {
    padding-top:0;
}
#related h1 {
    font-size:16px;
    font-weight:300;
}
#relatedwrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top:60px;
}
#relatedwrapper .relproject {
    width:calc(25% - 20px);
}
.relprojimgwrapper {
    overflow:hidden;
}
#relatedwrapper .relproject img {
    width:100%;
    height:auto;
}
#relatedwrapper .relproject img.mobile {
    width:100%;
    height:auto;
    display:none;
}
#relatedwrapper .relproject img:hover {
    cursor:pointer;
}
#relatedwrapper .relproject .caption {
    font-size:14px;
    font-weight:300;
    margin-top:14px;
}
.single-post .wp-block-image {
    margin-top: 30px;
    margin-bottom: 0;
    max-width:100%;
    width:100%;
    height:auto;
}
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper::before {
    padding-top: 0;
}
.ms-theme-architekt.metaslider-flex {
    padding-bottom: 30px !important;
}
.single-post .wp-block-image figcaption,
.wp-block-image figcaption,
.wp-block-embed figcaption {
    margin-bottom:30px;
    margin-top:16px;
    font-size:11px;
    font-weight:300;
    text-align:left;
}
.single-post section {
    position:relative;
}
.single-post #uppertags,
.single-post #uppertags2 {
    background:#fff;
    padding:25px;
    width:100%;
    margin-bottom:30px;
}
.single-post #lowertags,
.single-post #lowertags2 {
    background:none;
    padding:0 25px 25px 25px;
    width:100%;
    /*	margin-bottom:25px;*/
}
.single-post #uppertags + #lowertags,
.single-post #uppertags2 + #lowertags2,
.single-post #uppertags + #lowesttags,
.single-post #uppertags2 + #lowesttags2,
.single-post #lowertags + #lowesttags,
.single-post #lowertags2 + #lowesttags2
{
    padding-top:25px;
}
.single-post #tags h1,
.single-post #tags2 h1 {
    margin:0 0 16px 0;
    font-size:12px;
    font-weight:300;
    text-transform:uppercase;
}
.single-post #tags a,
.single-post #tags2 a {
    display:block;
    font-size:12px;
    font-weight:300;
    margin-bottom:16px;
    color:#666;
    padding-left:25px;
    padding-right:25px;
}
.single-post #uppertags a,
.single-post #uppertags2 a,
.single-post #lowertags a,
.single-post #lowertags2 a {
    padding-left:0;
    padding-right:0;
}
.single-post #tags #uppertags + a,
.single-post #tags2 #uppertags + a {
    margin-top:50px;
}
.single-post #tags a:last-child,
.single-post #tags2 a:last-child {
    margin-bottom:0;
}
.single-post #tags a:hover,
.single-post #tags2 a:hover {
    font-size:12px;
    color:#000;
}

/*
.single-post #tags .nav-previous,
.single-post #tags .nav-next,
.single-post #tags2 .nav-previous,
.single-post #tags2 .nav-next {
    margin-top:16px;
}
*/
.fadeout {
    display:none;
}
.tag ul#submenu,
.home ul#submenu,
.category ul#submenu {
    width:100%;
    list-style:none;
    padding:0;
    margin:0;
}
.tag ul#submenu li {
    display:inline-block;
    font-size:12px;
    font-weight:300;
    width:24%;
    margin-right:0;
}
.home ul#submenu li,
.category ul#submenu li {
    display:inline-block;
    font-size:12px;
    font-weight:300;
    width:auto;
    margin-right:20px;
}
.home ul#submenu li:last-child,
.category ul#submenu li:last-child {
    margin-right:0;
}
.tag ul#submenu li a,
.home ul#submenu li a,
.category ul#submenu li a {
    font-size:12px;
    color:#666;
}
.tag ul#submenu li.current-menu-item a,
.home ul#submenu li.current-menu-item a,
.category ul#submenu li.current-menu-item a {
    font-size:12px;
    color:#000;
}
.tag ul#submenu li a:hover,
.home ul#submenu li a:hover,
.category ul#submenu li a:hover {
    font-size:12px;
    color:#000;
    text-decoration:underline;
}
.tag ul#submenu,
.home ul#submenu,
.category ul#submenu {
    width:100%;
    /*max-width:570px;*/
    list-style:none;
    padding:0;
    margin:0;
    display:block;
}
.projectsouterwrapper {
    display:flex;
    margin-top:62px;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
}
.projectsinnerwrapper {
    width:calc(50% - 20px);
    /*max-width:570px;*/
    margin-bottom:54px;
}
.projectsinnerwrapper img {
    width:100%;
    height:auto;
    margin-bottom:30px;
}
.projectsinnerwrapper h1,
.projectsinnerwrapper a h1 {
    font-size:18px;
    font-weight:300;
    color:#666;
    margin-top:0;
    margin-bottom:5px;
    display:inline-block;
}
.projectsinnerwrapper h1 a:hover,
.projectsinnerwrapper a:hover h1 {
    color:#000;
}
.projectsinnerwrapper p {
    font-size:12px;
    font-weight:300;
}
#social-media {
    display:block;
    position:static;
    max-width:830px;
    margin:0 auto;
    padding-left:10px;
    padding-right:10px;
}
#social-media img {
    display:inline-block;
    width:30px;
    margin-bottom:15px;
    margin-right:15px;
}
.search-header #searchform input {
    font-family: 'Roboto', sans-serif;
    letter-spacing:0.2em;
}
#colophon #site-info {
    display:none;
}
.search-results .entry-date {
    display:none;
}
.wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: #ddd;
    border: 1px solid #ccc;
}
.metaslider.ms-theme-architekt:not(.has-thumb-nav) .flexslider ul.slides .caption-wrap .caption, .metaslider.ms-theme-architekt .rslides .caption-wrap .caption, .metaslider.ms-theme-architekt .nivoSlider .nivo-caption {
    font-size: 11px !important;
    padding: 16px 0 0 0 !important;
    line-height: 14px;
}
.metaslider.ms-theme-architekt .flexslider:not(.filmstrip) ul.flex-direction-nav, .metaslider.ms-theme-architekt div.nivo-directionNav {
    width:100% !important;
}
.metaslider.ms-theme-architekt:not(.has-thumb-nav) .flexslider ul.slides .caption-wrap .caption, .metaslider.ms-theme-architekt .rslides .caption-wrap .caption, .metaslider.ms-theme-architekt .nivoSlider .nivo-caption {
    padding-top: 60px !important;
}
.metaslider.ms-theme-architekt .flexslider ul.slides .caption-wrap, .metaslider.ms-theme-architekt .rslides .caption-wrap, .metaslider.ms-theme-architekt div.nivoSlider .nivo-caption {
    margin-right:0 !important;
}
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before {
    padding-top: 0 !important;
}
@media screen and (min-width: 767px) {
    .frontpageimg #title {
        left: 35px;
        bottom:35px;
        font-size:6vw;
    }
    .single-post #masthead {
        padding-bottom:0;
    }
    #mobile-menu-toggle {
        margin:0 35px 0 0;
    }
    #site-title {
        padding-left:0;
        padding-right:0;
        margin:0 0 0 35px;
    }
    #masthead {
        padding-left:0;
        padding-right:0;
    }
    #social-media {
        padding-left:35px;
        padding-right:35px;
    }
}
@media screen and (min-width: 831px) {
    .single-post #tags.sticky {
        position:fixed;
        right:auto;
    }
    .single-post #tags {
        position:absolute;
        top:88px;
        right:0;
        width:170px;
    }
    .single-post #tags2 {
        display:none;
    }
}
@media screen and (min-width: 1023px) {
    .frontpageimg #title {
        font-size:4vw;
    }
    #site-title {
        padding-left:0;
        padding-right:0;
        padding-bottom:0;
        margin:0 0 0 50px;
    }
    #mobile-menu-toggle {
        margin:0 50px 0 0;
    }
    #primary, #site-title, #colophon #site-info, .contact-info {
        padding-left:0;
        padding-right:0;
    }
    #site-nav ul li a, #site-nav ul li li a, .search-header #searchform input {
        padding-left: 35px;
        padding-right: 35px;
    }
    #social-media {
        padding-left:0;
        padding-right:0;
    }
    #colophon {
        margin-left:70px;
        padding-left:0;
        padding-right:0;
    }
}
@media screen and (min-width: 1150px) {
    .frontpageimg #title {
        left: 70px;
        bottom:70px;
        font-size:3vw;
    }
    #social-media {
        display:block;
        position:fixed;
        left:70px;
        bottom:70px;
        padding-left:0;
        padding-right:0;
    }
    #social-media img {
        display:block;
        margin-right:0;
    }
    .fix-nav {
        z-index: 9999;
        position: fixed !important;
        left: 0;
        top: 0;
        width: 100%;
    }
    .search-header {
        top: 80px;
    }
    .page.fix-body,
    .home.fix-body,
    .archive.fix-body {
        margin-top:76px;
    }
    .single-post.fix-body {
        margin-top:0;
    }
    .single-post #masthead.fix-nav {
        padding-top:18px;
        height:36px;
    }
    .page #masthead.fix-nav,
    .home #masthead.fix-nav,
    .archive #masthead.fix-nav {
        padding-top:18px;
        height:36px;
    }
    #site-nav {
        margin-right:70px;
        background: none;
        overflow:visible;
        padding-right:56px;
        position:relative;
    }
    .page #site-nav,
    .home #site-nav,
    .archive #site-nav {
        background: rgba(237,237,237,0);
    }
    .single-post #site-nav {
        background: rgba(237,237,237,0);
    }
    .menu-container {
        position: static;
    }
    #mobile-menu-toggle {
        display: none;
    }
    #site-nav ul ul.sub-menu {
        position:absolute;
        display:none;
        top:17px;
        text-align:left;
        padding-top:10px;
        width:auto;
        min-width:170px;
    }
    #site-nav ul {
        line-height:16px;
    }
    #site-nav ul li {
        margin: 0 0 0 25px;
        font-size:16px;
        line-height:16px;
    }
    #site-nav ul li:hover ul {
        display:block;
    }
    #site-nav ul li li {
        display:block;
        padding:0 16px 15px 16px;
        background:#fff;
        margin:0;
    }
    #site-nav ul li li:first-child {
        padding:25px 16px 15px 16px;
    }
    #site-nav ul li li,
    #site-nav ul.sub-menu li {
        padding:0 16px 15px 16px;
    }
    #site-nav ul li li:last-child {
        margin:0;
        padding:0 16px 25px 16px;
    }
    #site-nav ul li a {
        font-weight:300;
        letter-spacing:0.2em;
        white-space:nowrap;
        color:#666;
        border-bottom:none;
        font-size:16px;
        line-height:16px;
    }
    #site-nav ul li ul li a {
        font-weight:300;
        letter-spacing:0.2em;
        white-space:nowrap;
        font-size:12px;
    }
    #site-nav li li:hover > a:hover {
        color:#000;
    }
    #site-nav ul li.current_page_item a {
        color:#000;
    }
    #site-nav ul li.current_page_item ul li a {
        color:#666;
    }
    #site-nav ul li.current_page_item a:hover {
        color:#000;
    }
    #site-title {
        max-width: 310px;
        padding-left:0;
        padding-right:0;
        display:block !important;
        margin:0 0 0 70px;
    }
    #masthead {
        padding-bottom: 3px;
        height:73px;
        padding-top:54px;
    }
    #site-nav ul li:nth-last-child(2) {
        margin-left:130px;
        margin-right:12px;
    }
    #site-nav ul ul li:nth-last-child(2) {
        margin-left:0;
        margin-right:0;
    }
    #site-nav ul li:last-child {
        margin-left:13px;
    }
    #site-nav ul li:last-child a {
        display:inline-block;
    }
    #site-nav ul ul li:last-child a {
        display:block;
    }
    #site-nav ul li:last-child:before {
        content:'|';
        display:inline-block;
        margin-right:13px;
        position:absolute;
        left:-16px;
        top:-1px;
        bottom:auto;
        font-size:14px;
        line-height:16px;
    }
    #site-nav ul ul li:last-child:before {
        content:'';
        display:block;
        margin-right:0;
    }
    #primary, #colophon #site-info, #site-nav ul li a, #site-nav ul li li a {
        padding-left: 0;
        padding-right: 0;
    }
    .search-toggle {
        display: block;
        position:absolute;
        top:1px;
        right:0;
        width:14px;
        height:14px;
        line-height:14px;
        background:url(img/search-icon.svg);
        background-repeat:no-repeat;
        background-size:cover;
    }
    .search-toggle:hover {
        background:url(img/search-icon-hover.svg);
        background-repeat:no-repeat;
        background-size:cover;
    }
    .search-toggle span {
        display:none;
    }
    .search-header #searchform input:hover,
    .search-header #searchform input:active,
    .search-header #searchform input:focus {
        background: #fff;
    }
    .search-header #searchform input.submit:hover,
    .search-header #searchform input.submit:active,
    .search-header #searchform input.submit:focus {
        background: transparent;
    }
}
@media screen and (min-width: 1400px) {
    #primary {
        padding-top:140px;
        max-width:830px;
    }
    #site-title {
        padding-left:0;
        padding-right:0;
    }
    #site-nav {
        padding-right:50px;
    }
}
@media screen and (min-width: 1800px) {
    /* --- General Styles --- */
    #masthead {
        width:100%;
        max-width:100%;
    }
    .site-content .post,
    .site-content .page .entry-content,
    .site-content .type-attachment,
    .search-results .site-content .page,
    #comments,
    #disqus_thread,
    .nav-wrap,
    #infinite-handle,
    .infinite-loader,
    .entry-meta,
    .site-content .entry-header {
        margin-left:0;
        margin-right:0;
    }
    .template-portfolio .entry-header,
    .template-portfolio .entry-meta,
    .single-post .entry-header,
    .single-post .entry-meta,
    .blog .entry-header,
    .blog .entry-meta,
    .single-post #comments,
    #disqus_thread,
    .nav-wrap,
    #infinite-handle,
    .infinite-loader {
        max-width: 1366px;
        padding-left:0;
        padding-right:0;
    }
    .single-jetpack-portfolio .jetpack-portfolio .entry-header,
    .single-jetpack-portfolio .jetpack-portfolio .entry-meta,
    .single-jetpack-portfolio .jetpack-portfolio .entry-content,
    .single-jetpack-portfolio #comments {
        max-width: 1366px;
        padding-left:0;
        padding-right:0;
        margin-left: auto;
        margin-right: auto;
    }
    #nav-single .nav-previous a {top: 196px;}
    #nav-single .nav-next a {top: 221px;}
    /* --- Header / Footer --- */
    .contact-info {
        position: fixed;
        top: 25px;
        left: 70px;
        z-index: 100000;
    }
    #colophon {
        max-width: 1366px;
        padding-left:0;
        padding-right:0;
        margin-left:70px;
        margin-right:70px;
        max-width:calc(100% - 120px);
    }
    .single-post .site-content .post {
        max-width: 1210px;
    }
    .site-content .post .entry-content, .site-content .page .entry-content {
        max-width: 1210px;
    }
    .site-content .post, .site-content .type-attachment, .search-results .site-content .page {
        max-width: 780px;
        width: calc(100% - 430px);
    }
    .entry-header h2.entry-title, .entry-header h1.entry-title, h2, .blog .entry-header h2.entry-title {
        font-size: 31px;
        line-height:36px;
        margin-bottom:10px;
    }
    .entry-header h3.entry-title, h3,
    .projectsinnerwrapper h1, .projectsinnerwrapper a h1 {
        font-size: 19px;
    }
    .entry-content a {
        color:#666;
        border-bottom:1px solid #666;
    }
    .single-post #tags h1, .single-post #tags2 h1,
    .single-post #tags a, .single-post #tags2 a,
    .single-post #tags a:hover, .single-post #tags2 a:hover,
    .tag ul#submenu li a:hover,
    .tag ul#submenu li a,
    .tag ul#submenu li,
    .home ul#submenu li a:hover,
    .home ul#submenu li a,
    .home ul#submenu li,
    .category ul#submenu li a:hover,
    .category ul#submenu li a,
    .category ul#submenu li {
        font-size: 15px;
    }
    .tag ul#submenu li.current-menu-item,
    .home ul#submenu li.current-menu-item,
    .category ul#submenu li.current-menu-item,
    .tag ul#submenu li.current-menu-item a,
    .home ul#submenu li.current-menu-item a,
    .category ul#submenu li.current-menu-item a,
    .tag ul#submenu li.current-menu-item a:hover,
    .home ul#submenu li.current-menu-item a:hover,
    .category ul#submenu li.current-menu-item a:hover {
        font-size: 15px;
    }
    #related h1 {
        font-size: 18px;
    }
    #relatedwrapper .relproject .caption,
    .projectsinnerwrapper p {
        font-size: 15px;
    }
    #site-nav ul li a {
        font-size: 19px;
        line-height:19px;
    }
    #site-title h1 {
        font-size: 19px;
        line-height:19px;
    }
    #site-nav ul {
        line-height:19px;
    }
    #site-nav ul li {
        font-size:19px;
        line-height:19px;
    }
    #site-nav ul li:last-child:before {
        content:'|';
        display:inline-block;
        margin-right:13px;
        position:absolute;
        left:-16px;
        top:-1px;
        font-size:17px;
        line-height:18px;
    }
    #primary {
        max-width: 1210px;
    }
    .single-post #tags {
        width: 340px;
        top:107px;
    }
    .projectsinnerwrapper {
        max-width: 500px;
    }
    .search-toggle {
        width:16px;
        height:16px;
        line-height:16px;
    }
}
@media screen and (max-width: 830px) {
    #primary {
        padding-top: 40px;
    }
    .frontpageimg #title,
    .frontpageimg #arrow {
        display:none;
    }
    .single-post #tags,
    .single-post #tags.sticky {
        display:none !important;
    }
    .single-post #tags2 {
        position: static;
        margin-bottom:40px;
        width:100%;
        display:block;
        margin-top: 40px;
    }
    .entry-header h3.entry-title, h3 {
        margin-bottom: 40px;
    }
    .single-post img.alignleft, .single-post img.alignright, .single-post img.alignnone {
        margin-top: 40px;
        width:100%;
    }
    .single-post .caption {
        margin-bottom: 40px;
    }
    .single-post .site-content .post {
        max-width: 100%;
    }
    #relatedwrapper {
        margin-top: 40px;
    }
    #relatedwrapper .relproject {
        width: 100%;
    }
    #relatedwrapper .relproject img {
        display:none;
    }
    #relatedwrapper .relproject img.mobile {
        display:block;
    }
    .tag ul#submenu li {
        width: 32.75%;
    }
}
@media screen and (max-width: 590px) {
    .single-post img.alignleft, .single-post img.alignright, .single-post img.alignnone {
        width: 100%;
        max-width:100%;
    }
    .projectsinnerwrapper {
        width:100%;
        max-width:100%;
    }
    .archive.tags ul#submenu {
        width:100%;
        max-width:100%;
    }
    .archive.tags ul#submenu li {
        width: 32%;
    }
    .tag ul#submenu li {
        width: 49.5%;
    }
}
@media screen and (max-width: 420px) {
    .tag ul#submenu li {
        width: 49%;
    }
}

.nav-previous a span::before, .nav-next a span::before {
    top: -5px;
}