.welcome h1 { text-align: left; text-transform: uppercase; font-weight: bold; font-size: 14px; font-family: inherit; padding: 5px 0px 0px 0px; margin: 0px 30px 20px 0px; border-bottom: solid 1px rgb(103,113,87); }

.welcome .welcomeIntroPhotoDescription { background-color: rgb(234 232 216); -webkit-border-radius: 20px; border-radius: 20px; }
.welcome .welcomeIntroPhotoDescription h1 { border: none; margin: 0px; padding: 10px 0px 0px 20px; }
.welcome .welcomeIntroPhotoDescription p { margin: 0px; padding: 0px 0px 15px 20px; }
.welcome .welcomeIntroPhotoDescription p a { color: rgb(80,80,80); }

.welcome .welcomeIntroPhotoDescription .welcomeIntroPhoto { overflow: hidden; margin-bottom: 0px; -webkit-border-radius: 20px; border-radius: 20px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; }
.welcome .welcomeIntroPhotoDescription .welcomeIntroPhoto p { margin: 0px; padding: 0px; line-height: 1px; }
.welcome .welcomeIntroPhotoDescription .welcomeIntroPhoto img { }

.welcome .welcomeProductSection { }
.welcome .welcomeProductSection .productMenu { }
.welcome .welcomeProductSection .productMenu h2 { margin: 30px 0px 10px 0px; padding: 10px 10px 10px 48px; color: white; font-family: 'Oswald', 'Oswald-fallback'; font-size: 16pt; line-height: 1.4em; background-repeat: no-repeat; background-position: 7px 50%; -webkit-border-radius: 15px; border-radius: 15px; }
.welcome .welcomeProductSection .productMenu .intro { padding: 10px 20px 10px 20px; font-size: 110%; line-height: 1.7em; }
.welcome .welcomeProductSection .productMenu .intro a { font-weight: bold; }

.welcome .welcomeProductSection .productMenu .item { position: relative; display: block; float: left; width: 30%; height: 355px; margin: 0px 10px 30px 10px; overflow: hidden; border: solid 6px white; -webkit-border-radius: 15px; border-radius: 15px; cursor: pointer; }
.welcome .welcomeProductSection .productMenu .item img { position: absolute; z-index: 0; top: 0px; left: 0px; width: 100% !important; height: auto !important; }
.welcome .welcomeProductSection .productMenu .item .content { position: relative; z-index: 1; margin-top: 170px; padding: 50px 20px 100px 20px; color: white; text-align: center; background-repeat: no-repeat; background-position: 50% 10px; }
.welcome .welcomeProductSection .productMenu .item .content h3 { margin: 0px; padding: 5px 0px 5px 0px; font-family: 'Oswald', 'Oswald-fallback'; font-size: 16pt; color: white; }
.welcome .welcomeProductSection .productMenu .item .content p { margin: 0px; padding: 0px; font-size: 11pt; line-height: 1.4em; }
.welcome .welcomeProductSection .productMenu .item .content a { display: block; width: 200px; margin: 15px auto 0px auto; text-align: center; font-size: 10pt; background-color: white; color: black; text-decoration: none; padding: 2px; -webkit-border-radius: 15px; border-radius: 15px; }

.welcome .welcomeProductSection .productCategory { clear: both; margin: 0px 15px 20px 15px; }
.welcome .welcomeProductSection .productCategory h2 { margin-bottom: 10px; font-family: 'Oswald', 'Oswald-fallback'; text-transform: uppercase; font-size: 12pt; border-bottom: solid 1px gray; }
.welcome .welcomeProductSection .productCategory .item { float: left; width: 100px; height: 170px; padding: 5px; text-align: center; -webkit-border-radius: 10px; border-radius: 10px; }
.welcome .welcomeProductSection .productCategory .item:hover { background-color: rgb(234 232 216); }
.welcome .welcomeProductSection .productCategory .item a { display: block; font-size: 12pt; font-family: 'Oswald', 'Oswald-fallback'; text-decoration: none; color: black; }
.welcome .welcomeProductSection .productCategory .item img { width: 100px; height: 100px; -webkit-border-radius: 10px; border-radius: 10px; }
.welcome .welcomeProductSection .productCategory .item.more { width: 70px; height: 90px; background-color: #AA0000; margin: 5px 0px 0px 0px; webkit-border-radius: 10px; border-radius: 10px; }
.welcome .welcomeProductSection .productCategory .item.more a { color: white; font-size: 10pt; line-height: 1.2em; }
.welcome .welcomeProductSection .productCategory .item.more img { width: 20px !important; height: 20px !important; padding: 10px 0px 5px 0px; }

.welcome .welcomeProductSection .productNews { clear: both; margin: 0px 0px 30px 0px; }
.welcome .welcomeProductSection .productNews h2 { margin: 0px 15px 10px 15px; font-family: 'Oswald', 'Oswald-fallback'; text-transform: uppercase; font-size: 12pt; border-bottom: solid 1px gray; }
.welcome .welcomeProductSection .productNews .item { position: relative; float: left; width: 220px; height: 305px; overflow: hidden; margin: 0px 0px 20px 0px; padding: 10px; text-align: center; }
.welcome .welcomeProductSection .productNews .item:hover { background-color: rgb(234 232 216); webkit-border-radius: 10px; border-radius: 10px; }
.welcome .welcomeProductSection .productNews .item a { display: block; text-decoration: none; color: black; }
.welcome .welcomeProductSection .productNews .item img { width: 170px !important; height: 170px !important; -webkit-border-radius: 10px; border-radius: 10px; }
.welcome .welcomeProductSection .productNews .item h3 { margin: 0px; padding: 0px; font-weight: normal; font-size: 14pt; font-family: 'Oswald', 'Oswald-fallback'; line-height: 1.4em; }
.welcome .welcomeProductSection .productNews .item p { font-size: 11pt; line-height: 1.5em; }
.welcome .welcomeProductSection .productNews .item .link { display: block; position: absolute; bottom: 10px; left: 30px; width: 180px; margin: 15px auto 0px auto; text-align: center; font-size: 100%; background-color: #AA0000; color: white; text-decoration: none; padding: 2px; -webkit-border-radius: 15px; border-radius: 15px; }

.welcome .welcomeProductSection.spice .productMenu h2 { background-color: #AA0000; background-image: url('/images/menu/koreni.svg'); }
.welcome .welcomeProductSection.spice .productMenu .item .content { background-color: #AA0000; color: white; }
.welcome .welcomeProductSection.spice .productMenu .item:hover { border-color: #800000; }
.welcome .welcomeProductSection.spice .productMenu .item:hover .content { background-color: #800000; }

.welcome .welcomeProductSection.spice .productMenu .item.spice-1 .content { background-image: url('/images/welcome/spice-ico-1.svg'); }
.welcome .welcomeProductSection.spice .productMenu .item.spice-2 .content { background-image: url('/images/welcome/spice-ico-2.svg'); }
.welcome .welcomeProductSection.spice .productMenu .item.spice-3 .content { background-image: url('/images/welcome/spice-ico-3.svg'); }
.welcome .welcomeProductSection.spice .productMenu .item.spice-4 .content { background-image: url('/images/welcome/spice-ico-4.svg'); }
.welcome .welcomeProductSection.spice .productMenu .item.spice-5 .content { background-image: url('/images/welcome/spice-ico-5.svg'); }
.welcome .welcomeProductSection.spice .productMenu .item.spice-6 .content { background-image: url('/images/welcome/spice-ico-6.svg'); }

.welcome .welcomeProductSection.coffee .productMenu h2 { background-color: #4a290d; background-image: url('/images/menu/kava.svg'); }
.welcome .welcomeProductSection.coffee .productMenu .item { width: 17.5%; height: 365px; margin: 0px 5px 30px 5px; }
.welcome .welcomeProductSection.coffee .productMenu .item:hover { border-color: #301804; }
.welcome .welcomeProductSection.coffee .productMenu .item:hover .content { background-color: #301804; }
.welcome .welcomeProductSection.coffee .productMenu .item .content { margin-top: 150px; padding: 55px 10px 100px 10px; font-size: 11pt; background-position: 50% 10px; background-color: #4a290d; }
.welcome .welcomeProductSection.coffee .productMenu .item .content a { width: 130px; font-size: 9pt; }
.welcome .welcomeProductSection.coffee .productMenu .item .content p { font-size: 85%; line-height: 1.3em; }
.welcome .welcomeProductSection.coffee .productMenu .item.coffee-1 .content { background-image: url('/images/welcome/coffee-ico-1.svg'); }
.welcome .welcomeProductSection.coffee .productMenu .item.coffee-2 .content { background-image: url('/images/welcome/coffee-ico-2.svg'); }
.welcome .welcomeProductSection.coffee .productMenu .item.coffee-3 .content { background-image: url('/images/welcome/coffee-ico-3.svg'); }
.welcome .welcomeProductSection.coffee .productMenu .item.coffee-4 .content { background-image: url('/images/welcome/coffee-ico-4.svg'); }
.welcome .welcomeProductSection.coffee .productMenu .item.coffee-5 .content { background-image: url('/images/welcome/coffee-ico-5.svg'); }

.welcome .welcomeProductSection.tea .productMenu h2 { background-color: #192b0f; background-image: url('/images/menu/caj.svg'); }
.welcome .welcomeProductSection.tea .productMenu .item .content { background-color: #192b0f; }
.welcome .welcomeProductSection.tea .productMenu .item:hover { border-color: #22450f; }
.welcome .welcomeProductSection.tea .productMenu .item:hover .content { background-color: #22450f; }
.welcome .welcomeProductSection.tea .productMenu .item.tea-1 .content { background-image: url('/images/welcome/tea-ico-1.svg'); }
.welcome .welcomeProductSection.tea .productMenu .item.tea-2 .content { background-image: url('/images/welcome/tea-ico-2.svg'); }
.welcome .welcomeProductSection.tea .productMenu .item.tea-3 .content { background-image: url('/images/welcome/tea-ico-3.svg'); }
.welcome .welcomeProductSection.tea .productMenu .item.tea-4 .content { background-image: url('/images/welcome/tea-ico-4.svg'); }
.welcome .welcomeProductSection.tea .productMenu .item.tea-5 .content { background-image: url('/images/welcome/tea-ico-5.svg'); }
.welcome .welcomeProductSection.tea .productMenu .item.tea-6 .content { background-image: url('/images/welcome/tea-ico-6.svg'); }
.welcome .welcomeProductSection.tea .productMenu .item.tea-7 .content { background-image: url('/images/welcome/tea-ico-7.svg'); }
.welcome .welcomeProductSection.tea .productMenu .item.tea-8 .content { background-image: url('/images/welcome/tea-ico-8.svg'); }
.welcome .welcomeProductSection.tea .productMenu .item.tea-9 .content { background-image: url('/images/welcome/tea-ico-9.svg'); }

.welcome .welcomeProductSection.company .productMenu h2 { background-color: #AA0000; background-image: url('/images/menu/domu.svg'); }
.welcome .welcomeProductSection.company .intro { padding-top: 10px; }
.welcome .welcomeProductSection.company .photo { float: right; margin: 35px 0px 10px 20px; padding-left: 10px; font-size: 80%; line-height: 1em; text-align: right; background-color: rgb(234 232 216); -webkit-border-radius: 10px; border-radius: 10px; }
.welcome .welcomeProductSection.company .address { padding: 20px; margin: 20px 0px 20px 0px; border: solid 1px silver; -webkit-border-radius: 20px; border-radius: 20px; }
.welcome .welcomeProductSection.company .address h3 { font-weight: bold; font-size: 120%; text-transform: uppercase; }
.welcome .welcomeProductSection.company .address .map { display: block; width: 200px; text-align: center; background-color: #AA0000; color: white; text-decoration: none; margin-top: 10px; padding: 2px; -webkit-border-radius: 15px; border-radius: 15px; }

.welcome .welcomeProductSection.blog .productMenu h2 { background-color: rgb(103,113,87); background-image: url('/images/menu/recepty.svg'); }
.welcome .welcomeProductSection.blog .productNews { margin-right: 15px; padding-top: 10px; }
.welcome .welcomeProductSection.blog .productNews .item { float: none; width: auto; height: auto; line-height: 1.8em; background: none; color: black; font-size: 11pt; border: none; }
.welcome .welcomeProductSection.blog .productNews .item img { position: relative; width: 350px !important; height: auto !important; }
.welcome .welcomeProductSection.blog .productNews .item .border { border-bottom: dotted 1px gray; padding: 0px 0px 0px 0px; }
.welcome .welcomeProductSection.blog .productNews .item .perexImage { float: left; margin: 0px; padding-right: 20px; }
.welcome .welcomeProductSection.blog .productNews .item .perexImage img { width: 350px; padding: 0px; -webkit-border-radius: 20px; border-radius: 20px; border: none; }
.welcome .welcomeProductSection.blog .productNews .item .articleBlock { margin: 0px; }
.welcome .welcomeProductSection.blog .productNews .item .articleDate { float: right; font-size: 100%; }
.welcome .welcomeProductSection.blog .productNews .item .articleTitle a { text-transform: uppercase; text-decoration: none; font-size: 190%; font-family: 'Oswald', 'Oswald-fallback'; line-height: 1.2em; color: rgb(80,80,80); text-align: left; font-weight: normal; padding-bottom: 0px; }
.welcome .welcomeProductSection.blog .productNews .item .articlePerex { line-height: 2em; font-size: 120%; text-align: left; }
.welcome .welcomeProductSection.blog .productNews .item .more { float: right; margin-top: 20px; color: white; text-align: center; background-color: rgb(96, 95, 63); width: 100px; padding: 0px 10px 0px 10px; -webkit-border-radius: 10px; border-radius: 10px; text-transform: uppercase; text-decoration: none; font-size: 100%; font-family: 'Oswald', 'Oswald-fallback'; }

@media screen and (max-width: 1049px) {

    .welcome .welcomeProductSection .productMenu .item { width: 45%; }
    .welcome .welcomeProductSection.coffee .productMenu .item { width: 30%; }
    .welcome .welcomeProductSection.coffee .productMenu .item.coffee-1 { margin-left: 5px; }
}

@media screen and (max-width: 777px) {

    .welcome .welcomeProductSection.coffee .productMenu .item { width: 45%; }

    .welcome .welcomeProductSection .productCategory .item { width: 30%; }

}

@media screen and (max-width: 777px) {

    .welcome .welcomeProductSection .productNews .item { width: 28%; }
    .welcome .welcomeProductSection .productNews .item img { width: 90% !important; height: auto !important; }
    .welcome .welcomeProductSection .productNews .item .link { display: none; }
}


@media screen and (max-width: 700px) {

    .welcome .welcomeProductSection .productMenu .item { width: 95%; margin-left: 0px; }
    .welcome .welcomeProductSection.tea .productMenu .item { background-position: 0px 0px; }

    .welcome .welcomeProductSection .productMenu .intro { padding: 5px 0px 10px 5px; }

@media screen and (max-width:800px) {

    /* .welcome .welcomeIntroPhoto { display: none; content-visibility: auto; } */
    .welcome .welcomeIntroPhotoDescription h1 { margin: 0px 0px 10px 0px; padding: 6px 0px 6px 20px; background-color: rgb(189 187 173); }
    .welcome .welcomeIntroPhotoDescription .line { display: block; }
    .welcome .welcomeIntroPhotoDescription .comma { display: none; }
    .welcome .welcomeIntroPhotoDescription .welcomeIntroPhoto { height: auto; }
    .welcome .welcomeIntroPhotoDescription .welcomeIntroPhoto img { width: 100% !important; height: auto !important; }

}

@media screen and (max-width:500px) {

    .welcome .welcomeProductSection .productCategory { margin: 0px 15px 20px 10px; }
    .welcome .welcomeProductSection .productCategory .item { width: 30%; }
    .welcome .welcomeProductSection .productCategory .item.more { clear: both; float: none; margin: auto; }

    .welcome .welcomeProductSection .productNews .item { width: 44%; }

}
    .welcome .welcomeProductSection.blog .productNews { margin: 0px; padding: 0px; }
    .welcome .welcomeProductSection.blog .productNews .item { width: 100%; padding: 0px; margin: 20px 0px 20px 0px; }
    .welcome .welcomeProductSection.blog .productNews .item .articleTitle { margin-top: 10px; padding-left: 0px; }
    .welcome .welcomeProductSection.blog .productNews .item .articlePerex { padding-left: 0px; }

    .welcome .welcomeProductSection.blog .productNews .item .perexImage { width: 100% !important; height: auto !important; float: none; padding: 0px; margin: 0px }
    .welcome .welcomeProductSection.blog .productNews .item .perexImage img { width: 100% !important; height: auto !important; }
    .welcome .welcomeProductSection.blog .productNews .item .more { float: none; margin: 20px auto 0px auto; }

    .welcome .welcomeProductSection.coffee .productMenu .item { width: 95%; }

    .welcome .welcomeProductSection.company .photo { float: none; margin: 0px; padding: 0px 0px 10px 0px; text-align: center;}
    .welcome .welcomeProductSection.company .photo img { width: 100% !important; height: auto !important; margin-bottom: 3px; }

}

@media screen and (max-width:370px) {

    .welcome .welcomeProductSection .productCategory .item { width: 45%; }

    .welcome .welcomeProductSection .productNews .item { width: 43%; }

}