html, body {
    height: 100%;
    margin: 0;
}

@font-face {
    font-family: "QumpellkaNo12";
    src: url("../fonts/QumpellkaNo12.woff") format('woff');
}

@font-face {
    font-family: "ProximaNova-Regular";
    src: url("../fonts/ProximaNova-Regular.woff") format('woff');
}

/*
.homepage .title{padding:65px 0 50px 0;text-align:center}
.homepage .subtitles{margin-top:20px}
.homepage .category{display:block;text-shadow:1px 1px 2px #000}
.homepage .subtitle a{font-family:QumpellkaNo12,sans-serif;display:block;color:#ba884e;text-decoration:none;font-size:16px;padding:5px}
.homepage .subtitle a.category{font-size:22px;text-align:center;padding:10px}
.homepage .subtitle .items{display:none}
.homepage .subtitle .items a{background:#fff}
.homepage .subtitle a:hover{color:#674115}
.homepage .subtitle .menu-category:hover .items{display:block}
.homepage .subtitle .menu-category:last-child .items:last-child{padding-bottom:200px}*/

/*@media only screen and (min-width: 768px) {*/
/*
.homepage .title{padding-top:65px;width:200px;margin:auto;padding-left:50px}
.homepage .category{display:inline-block;text-shadow:none}
.homepage .subtitles{margin-top:20px}
.homepage .subtitle a{font-family:QumpellkaNo12,sans-serif;display:block;color:#ba884e;text-decoration:none;font-size:16px;padding:5px;text-shadow:2px 2px 8px #000}
.homepage .subtitle a.category{font-size:22px;text-align:center;padding:10px 50px 10px 0}
.homepage .subtitle .items{position:absolute;margin:-50px 0 0 170px;display:none;background:0 0}
.homepage .subtitle .items a{background:0 0}
.homepage .subtitle a:hover{color:#674115}
.homepage .subtitle .menu-category:hover .items{display:block}*/
/*}*/

.homepage_wrapper {
    background-image: url(../images/home_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}
#logo_homepage {
    padding-top: 35px;
    padding-bottom: 3%;
    text-align: center;
}
#logo_homepage img {
    width: 30%;
    max-width: 200px;
}
.categories .category {
    display: block;
    padding: 5px 0 5px 0;
    text-align: center;
    font-family: QumpellkaNo12;
    color: #ba884e;
    text-decoration: none;
}
.categories {
    padding-bottom: 10px;
}
.homepage_wrapper {
    display: flex;
    flex-direction: column;
}
.submenus {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.submenus .empty {
    flex-grow: 1;
}
.submenus .copyright {
    text-align: center;
    padding: 10px 0;
}
.homepage_header {
    flex-grow: 0;
}
.homepage_wrapper {
    height: 100%;
}
.items {
    display: none;
    padding: 15px 0;
}
.items a {
    font-family:QumpellkaNo12,sans-serif;
    display:block;
    color:#ba884e;
    text-decoration:none;
    font-size:16px;
    padding:5px 3px;
    text-align: center;
}
.submenus .empty {
    background-image: url(../images/home_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}
.submenu_container {
    background: white;
}
.opened_main a {
    color: #674115 !important;
}
.opened_main .menu-category.opened a {
    color: #ba884e !important;
}

.menu-category { cursor: pointer }

@media only screen and (min-width: 768px) {
    .submenu_container {
        background: transparent;
    }
    .items {
        top:50px;
        left: 62%;
        position: absolute;
        padding: 0;
    }
    .items a {
        text-align: left;
    }
    .menu-category {
        font-size: 21px;
    }
}

.title.header a.logo_link {margin:50px 0 45px 0; display: inline-block; max-width: 200px}
.title.header .logo.regular {max-width: 200px}

.category-subtitle a, .category-subtitle {
    text-align: center;
    font-family: 'QumpellkaNo12';
    color: #dca43d;
    font-size: 19px;
    text-transform: lowercase;
    text-decoration: none;
}
.category-subtitle a {
    display: inline-block;
}
.category-subtitle {
    padding: 15px 0 10px 0;
}

.page_images_two {
    display: flex;
    flex-direction: column;
}
.page_images_two div {
    flex: 1 1 100%;
    padding: 1px;
}

@media only screen and (min-width: 768px) {
    .page_images_two {
        flex-direction: row;
    }
    .page_images_two div {
        flex: 1 1 50%;
    }
}