{"version":3,"sources":["webpack://src/components/about-block/about-block.scss","webpack://src/assets/css/variables.scss","webpack://src/assets/css/pages/brewery.scss"],"names":[],"mappings":"AAEA,aACE,qBAAA,CACA,gBAAA,CACA,iBAAA,CAEA,+CAGE,UCTI,CDUJ,iBAAA,CACA,UAAA,CACA,QAAA,CAGF,gBACE,cAAA,CAGF,gBACE,cAAA,CACA,kBAAA,CACA,eAAA,CAGF,eACE,eAAA,CACA,gBAAA,CAGF,oBACE,eAAA,CACA,iBAAA,CACA,SAAA,CAGF,6BACE,gBAAA,CACA,6EAAA,CACA,iBAAA,CACA,eAAA,CACA,iBAAA,CAEA,uEAEE,UAAA,CACA,aAAA,CACA,UAAA,CACA,WAAA,CACA,iBAAA,CACA,SAAA,CACA,KAAA,CACA,MAAA,CACA,2BAAA,CACA,0BAAA,CACA,iFAGF,CAAA,mCACE,6BAGF,CAAA,oCACE,4BACA,CAAA,oBAAA,CAAA,6BAGF,CAAA,kCAIA,WAAA,CAAA,mCAEE,YACA,CAAA,cACA,CAAA,kBACA,CAAA,qBACA,CAAA,sBACA,CAAA,WACA,CAAA,iBAIJ,CAAA,SACE,CAAA,oBAEA,UACA,CAAA,UAAA,CAAA,UACA,CAAA,qBACA,CACA,iBAIJ,CAAA,MAAA,CAAA,QAAA,CAAA,oCAGM,gBAGF,cAAA,CAAA,6BAEE,gBACA,CAAA,YAAA,CAAA,0DAEA,CAIA,uEAMN,YAAA,CAAA,CAAA,oCAEI,6BAEE,gBACA,CAAA,YAAA,CAAA,0DAEA,CAAA,mCACE,6BAGF,CAAA,oCACE,4BACA,CAAA,oBAAA,CAAA,6BAKR,CAAA,CAAA,oCAEI,6BAEE,gBACA,CAAA,YAAA,CAAA,0DAEA,CAAA,mCACE,6BAGF,CAAA,oCACE,4BACA,CAAA,oBAAA,CAAA,6BAAA,CAAA,CEhJJ,YACI,kBAAA,CACA,cAAA,CACA,eAAA,CAOgB,sDACI,WAAA,CASxB,mBACI,iBAAA,CACA,SAAA,CACA,uBACI,eAAA,CAGJ,yBACI,iBAAA,CACA,KAAA,CACA,oBAAA,CACA,UAAA,CACA,WAAA,CACA,SAAA,CACA,qBAAA,CACA,UAAA,CAGR,iBACI,iBAAA,CACA,oFAEA,CAAA,qBAAA,CACA,2BACA,CAAA,iBAGJ,CAAA,eACI,CAAA,kBAEA,gBAAA,CACA,2BAIA,CAAA,SAAA,CAAA,mCANA,qBAUA,CAAA,uBACA,eACA,CAAA,cACA,CAAA,yBACA,CAAA,aAGJ,CACI,gBAAA,CAEA,WAAA,gBACI,CAAA,aAAA,cAAA","file":"11.f5b60443.chunk.css","sourcesContent":["@import \"../../assets/css/variables.scss\";\n\n#about-block {\n  background-color: white;\n  padding-top: 83px;\n  position: relative;\n\n  h3,\n  h4,\n  p {\n    color: $black;\n    text-align: center;\n    width: 100%;\n    margin: 0;\n  }\n\n  h3 {\n    font-size: 40px;\n  }\n\n  h4 {\n    font-size: 25px;\n    margin-bottom: 20px;\n    font-weight: normal;\n  }\n\n  p {\n    margin-top: 47px;\n    line-height: 24px;\n  }\n\n  button {\n    margin-top: 91px;\n    position: relative;\n    z-index: 2;\n  }\n\n  .data-container {\n    min-height: 530px;\n    background-image: radial-gradient(21% 81% at 21% 81%, #ffd96b 13%, #ffbe03 100%);\n    border-radius: 7px;\n    overflow: hidden;\n    position: relative;\n\n    &::after,\n    &::before {\n      content: \"\";\n      display: block;\n      width: 100%;\n      height: 100%;\n      position: absolute;\n      z-index: 1;\n      top: 0;\n      left: 0;\n      background-repeat: no-repeat;\n      background-size: auto 818px;\n      background-image: url(\"/static/images/about-us-bottle.png\");\n    }\n\n    &::after {\n      background-position: 105% 150%;\n    }\n\n    &::before {\n      transform: scale(-1, 1);\n      background-position: 120% -70%;\n    }\n\n    .row {\n      height: 100%;\n    }\n\n    .data {\n      display: flex;\n      flex-flow: wrap;\n      align-items: center;\n      flex-direction: column;\n      justify-content: center;\n      height: 100%;\n      position: relative;\n      z-index: 2;\n    }\n  }\n\n  &::before {\n    content: \"\";\n    width: 100%;\n    height: 40%;\n    background-color: black;\n    position: absolute;\n    left: 0;\n    bottom: 0;\n  }\n}\n\n@media screen and (max-width: $xs-width) {\n  #about-block {\n    h3 {\n      font-size: 30px;\n    }\n\n    .data-container {\n      min-height: 362px;\n      flex: 0 0 90%;\n      background-image: radial-gradient(#ffd96b 20%, #ffbe03 100%);\n\n      &::after {\n        display: none;\n      }\n\n      &::before {\n        display: none;\n      }\n    }\n  }\n}\n@media screen and (max-width: $sm-width) {\n  #about-block {\n    .data-container {\n      min-height: 362px;\n      flex: 0 0 90%;\n      background-image: radial-gradient(#ffd96b 20%, #ffbe03 100%);\n\n      &::after {\n        background-position: 138% 134%;\n      }\n\n      &::before {\n        transform: scale(-1, 1);\n        background-position: 236% -43%;\n      }\n    }\n  }\n}\n@media screen and (max-width: 992px) {\n  #about-block {\n    .data-container {\n      min-height: 362px;\n      flex: 0 0 90%;\n      background-image: radial-gradient(#ffd96b 20%, #ffbe03 100%);\n\n      &::after {\n        background-position: 138% 134%;\n      }\n\n      &::before {\n        transform: scale(-1, 1);\n        background-position: 236% -43%;\n      }\n    }\n  }\n}\n","$primary: #ffbe03;\n$black: black;\n$xs-width: 600px;\n$sm-width: 890px;\n$md-width: 1230px;\n$lg-width: 1400px;\n$xl-width: 1900px;","@import '../variables';\n\n#brewery {\n    h4{\n        margin-bottom: 25px;\n        font-size: 35px;\n        font-weight: bold;\n    }\n    .row{\n        .col-12{\n            .row{\n                &:last-child{\n                    .img-line{\n                        &:after{\n                            height: 20px;\n                        }\n                    }\n                }\n            }\n\n        }\n\n    }\n    .img-line{\n        position: relative;\n        z-index: 2;\n        img{\n            background: #fff;\n        }\n\n        &:after{\n            position: absolute;\n            top: 0;\n            left: calc(50% - 1px);\n            content: '';\n            height: 100%;\n            width: 2px;\n            background-color: #000;\n            z-index: -1;\n        }\n    }\n    .header {\n        padding-top: 197px;\n        background-image: url('/static/images/brewery-background.jpg');\n        background-size: cover;\n        background-attachment: fixed;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .content {\n        background-color: white;\n        padding-top: 70px;\n        border-radius: 12px 12px 0 0;\n        z-index: 1;\n    }\n\n    section {\n        background-color: white;\n    }\n\n    span.subtitle {\n        font-weight: bold;\n        font-size: 25px;\n        text-transform: capitalize;\n        display: block;\n        margin-left: 39px;\n    }\n\n    p {\n        line-height: 25px;\n\n        b {\n            font-size: 35px;\n        }\n    }\n}"]}