@font-face {
      font-family: QuadraatSans;
      src:         url(../fonts/f947040f-0e99-4c3c-ba71-abc4c076c306.eot?#iefix);
      src:         url(../fonts/f947040f-0e99-4c3c-ba71-abc4c076c306.eot?#iefix) format("eot"), url(../fonts/36711d08-9313-43ea-9041-0ecd3e7f3fc7.woff2) format("woff2"), url(../fonts/d914d044-2742-46e4-a20d-a74e6edb5bf8.woff) format("woff"), url(../fonts/e5612ea0-9988-4073-ab13-67c154d94af1.ttf) format("truetype");
      font-weight: 700;
      font-style:  normal
}

/*@font-face {*/
/*font-family: QuadraatSans;*/
/*src:         url(https://www.paulaner-brauhaus-singapore.com/public/fonts/1467233/b9efbad8-4fc9-4fea-be95-51630206f875.eot?#iefix);*/
/*src:         url(https://www.paulaner-brauhaus-singapore.com/public/fonts/1467233/b9efbad8-4fc9-4fea-be95-51630206f875.eot?#iefix) format("eot"), url(https://www.paulaner-brauhaus-singapore.com/public/fonts/1467233/8eacea13-7d4a-4e8a-a254-803c9843465d.woff2) format("woff2"), url(https://www.paulaner-brauhaus-singapore.com/public/fonts/1467233/3aa88193-c4a8-4ed5-b4cd-597a77193fd9.woff) format("woff"), url(https://www.paulaner-brauhaus-singapore.com/public/fonts/1467233/ce6f7e96-976f-4e24-8f5f-d203ff7f8230.ttf) format("truetype");*/
/*font-weight: 600;*/
/*font-style:  normal*/
/*}*/

@font-face {
      font-family: QuadraatSans;
      src:         url(../fonts/5f686c15-310b-4ed4-8802-52d0dab792c8.eot?#iefix);
      src:         url(../fonts/5f686c15-310b-4ed4-8802-52d0dab792c8.eot?#iefix) format("eot"), url(../fonts/d09f7e22-8977-460b-9874-097c38ae526c.woff2) format("woff2"), url(../fonts/62e054dc-c56a-4bae-9a0d-a7a55724fcd4.woff) format("woff"), url(../fonts/a777f97e-bc5f-4ede-8a25-9aaee6d30d12.ttf) format("truetype");
      font-weight: 400;
      font-style:  normal
}

@font-face {
      font-family: QuadraatSans;
      src:         url(../fonts/2ae5b403-83fa-4f8c-9c3b-70a34b5f185e.eot?#iefix);
      src:         url(../fonts/2ae5b403-83fa-4f8c-9c3b-70a34b5f185e.eot?#iefix) format("eot"), url(../fonts/a6cab8b1-ef3e-4794-89fd-ce3d6c9cf7ee.woff2) format("woff2"), url(../fonts/1d1ab909-5792-4003-aec7-7a33bb84762b.woff) format("woff"), url(../fonts/d373a6d1-5417-4e62-aac7-29cabc897bbd.ttf) format("truetype");
      font-weight: 200;
      font-style:  normal
}

/*@font-face {*/
/*font-family: Quadraat;*/
/*src:         url(https://www.paulaner-brauhaus-singapore.com/public/fonts/1467293/3c579e5d-795a-4525-9424-4b27323789ac.eot?#iefix);*/
/*src:         url(https://www.paulaner-brauhaus-singapore.com/public/fonts/1467293/3c579e5d-795a-4525-9424-4b27323789ac.eot?#iefix) format("eot"), url(https://www.paulaner-brauhaus-singapore.com/public/fonts/1467293/7f5045b2-7100-4f8b-9b37-27b608e0750b.woff2) format("woff2"), url(https://www.paulaner-brauhaus-singapore.com/public/fonts/1467293/b437b039-3fba-4adf-82f4-f7371276722e.woff) format("woff"), url(https://www.paulaner-brauhaus-singapore.com/public/fonts/1467293/612b6052-ef6a-4425-8da0-e5235a6eec6a.ttf) format("truetype");*/
/*font-weight: 700;*/
/*font-style:  normal*/
/*}*/

/*@font-face {*/
/*font-family: Quadraat;*/
/*src:         url(https://www.paulaner-brauhaus-singapore.com/public/fonts/1467299/9b52befe-51f6-49f0-bf98-42058cd327ad.eot?#iefix);*/
/*src:         url(https://www.paulaner-brauhaus-singapore.com/public/fonts/1467299/9b52befe-51f6-49f0-bf98-42058cd327ad.eot?#iefix) format("eot"), url(https://www.paulaner-brauhaus-singapore.com/public/fonts/1467299/a3f406b4-fa9c-4ca7-8489-06349542a65b.woff2) format("woff2"), url(https://www.paulaner-brauhaus-singapore.com/public/fonts/1467299/2b6cc55c-7337-4fe4-8f64-9bdfdb891cbf.woff) format("woff"), url(https://www.paulaner-brauhaus-singapore.com/public/fonts/1467299/504d36b7-6567-41f9-8ca6-4cde51553224.ttf) format("truetype");*/
/*font-weight: 700;*/
/*font-style:  italic*/
/*}*/

@font-face {
      font-family: Quadraat;
      src:         url(../fonts/d7679c8d-1ea1-433d-b7d3-a0ef4766d129.eot?#iefix);
      src:         url(../fonts/d7679c8d-1ea1-433d-b7d3-a0ef4766d129.eot?#iefix) format("eot"), url(../fonts/c34c7d0e-b148-4a33-80d7-ac313a175354.woff2) format("woff2"), url(../fonts/8b437e89-3a64-45fa-896b-4bfb1dda9d3b.woff) format("woff"), url(../fonts/7773d0ea-b731-4b60-bce0-21c550bd3e16.ttf) format("truetype");
      font-weight: 400;
      font-style:  normal
}

/*@font-face {*/
/*font-family: Quadraat;*/
/*src:         url(https://www.paulaner-brauhaus-singapore.com/public/fonts/1467317/577adc38-d890-47f7-982c-2fd58093acc1.eot?#iefix);*/
/*src:         url(https://www.paulaner-brauhaus-singapore.com/public/fonts/1467317/577adc38-d890-47f7-982c-2fd58093acc1.eot?#iefix) format("eot"), url(https://www.paulaner-brauhaus-singapore.com/public/fonts/1467317/21f1cd07-708d-4421-8dd4-202ae43a59c1.woff2) format("woff2"), url(https://www.paulaner-brauhaus-singapore.com/public/fonts/1467317/15e36739-a30f-4c7d-99de-86ee66da1caa.woff) format("woff"), url(https://www.paulaner-brauhaus-singapore.com/public/fonts/1467317/994346ec-787d-45a0-92f1-72270564b6bd.ttf) format("truetype");*/
/*font-weight: 400;*/
/*font-style:  italic*/
/*}*/

/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
      margin:         0;
      padding:        0;
      border:         0;
      vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
      display: block;
}

body {
      line-height: 1;
}

ol, ul {
      list-style: none;
}

blockquote, q {
      quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
      content: '';
      content: none;
}

table {
      border-collapse: collapse;
      border-spacing:  0;
}

/*-------------CSS-------------------------*/

body {
      font-size:        14px;
      text-align:       center;
      background-color: #a27249;
      background-image: url("../img/bg_tile_diamond.png");
      color:            #000625;
      font-family:      QuadraatSans, Georgia, serif;
}

header {
      min-height:       4rem;
      max-height:       8rem;
      padding-bottom:   0.5rem;
      height:           13vh;
      background-color: #000625;
      box-shadow:       0 0 6px 1px rgba(0, 0, 0, .8);
}

header .logo {
      height:              100%;
      background-image:    url("../img/singapore_logo_paulaner.png");
      background-position: center;
      background-size:     contain;
      background-repeat:   no-repeat;
}

main {
      margin:    auto;
      max-width: 990px;
      width:     90%;
}

p, sub {
      font-family: Quadraat, Cambria, Georgia, serif;
}

h1, h2, h3 {
      text-transform: uppercase;
}

h1 {
      margin:    3rem 0;
      font-size: 2.5rem;
}

h1:before {
      width:           19px;
      height:          23px;
      content:         '';
      display:         block;
      background:      url(../img/quotes_blue.svg) no-repeat;
      background-size: contain;
      margin:          0 auto;
      margin-bottom:   1.5rem;
}

h1:after {
      width:           19px;
      height:          23px;
      content:         '';
      display:         block;
      background:      url(../img/quotes_blue.svg) no-repeat;
      background-size: contain;
      margin:          0 auto;
      margin-top:      1.5rem;
}

h2 {
      display:         flex;
      font-size:       2.25rem;
      margin-bottom:   0.5rem;
      color:           #000625;
      color:           #a27249;
      justify-content: center;
      align-items:     center;
}

h2:before {
      margin-right:   1rem;
      padding-bottom: 0.5rem;
      font-size:      3.5rem;
      font-weight:    200;
      content:        '\00bb';
      line-height:    0;
}

h2:after {
      margin-left:    1rem;
      padding-bottom: 0.5rem;
      font-size:      3.5rem;
      font-weight:    200;
      content:        '\00ab';
      line-height:    0;
}

h3.hint {
      font-size:     1.125rem;
      margin-bottom: 0.5rem;
}

h3:empty {
      display: none;
}

h4 {
      font-family: Quadraat, Georgia, Serif;
      font-size:   1rem;
}

hr.fraese {
      min-width:  80%;
      background: url(../img/fraese_tile.svg) repeat-x;
      width:      270px;
      max-width:  60rem;
      border:     0;
      height:     5px;
      margin:     4vh auto;
}

.offers {
      display:        flex;
      flex-wrap:      wrap;
      flex-direction: column;
}

.offer {
      display:        flex;
      flex-direction: column;
      align-items:    center;
}

.offer__container {
      /*order: 5;*/
      width: 100%;
}

.offer__container.today {
      /*order: 1;*/
}

.offer__container.happy-hour {
      /*order: 2;*/
}

.offer img {
      box-shadow: 1px 1px 4px rgb(92, 67, 58);
      max-width:  100%;
      max-height: 133vh;
}

.offer__text {
      max-width: 540px;
}

.offer__text p {
      line-height: 1.3;
      margin:      .75rem auto .75rem auto;
      /*background:  #ba9a79;*/
      /*background:  rgba(136, 90, 47, .3);*/
}

footer {
      background-color: #000625;
      color:            white;
}

.footer__container {
      margin: auto;
      max-width: 990px;
      width: 90%;
      display:        flex;
      justify-content: space-between;
      align-items: flex-start;
      flex-direction: column;
}

.opening-hours__container {
      margin: 2rem 0;
      width: 100%;
      height:          5rem;
      display:         flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-direction:  column;
}

.link__container {
      width: 100%;
      margin: 2rem 0;
      display:         flex;
      align-items:     center;
      justify-content: space-between;
}

.link__container a {
      font-size: 0.8rem;
      text-transform:  uppercase;
      color:           white;
      text-decoration: none;
}

@media only screen and (min-width: 601px) {
      .offer img {
            max-width: 400px;
      }

      h3.hint {
            font-size: 1.5rem;
      }

      body {font-size: 16px;}
}

@media only screen and (min-width: 601px) and (orientation: portrait) {

      h2 {
            font-size: 3.25rem;
      }

      h2:before, h2:after {font-size: 4.25rem;}

      /*.offer img {*/
            /*min-width: 66%;*/
      /*}*/

}

@media only screen and (min-width: 900px) and (orientation: landscape) {
      h2 {
            font-size: 3.25rem;
      }

      h2:before, h2:after { font-size: 5rem;}

}

@media only screen and (max-width: 1199px) {
      hr.fraese {
      }

      .offer img {
            margin-top: 1rem;
      }

}

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

      .footer__container {
             flex-direction: row;
      }

      .offer__container .offer {
            display:         flex;
            flex-direction:  row;
            justify-content: space-around;
      }

      .offer__container:nth-of-type(even) .offer {
            flex-direction: row-reverse;
      }

      .offer__text {
            max-width: 460px;
      }

      hr.fraese {
            width:  90%;
            margin: 5% auto;
      }

}

