@media screen and (max-width: 600px) {
    #cinfo-block {
        display: none;
    }
}

@media screen and (max-width: 1920px) {
    #mh-title-wrap span {
        font-size: 1.7em;
        color: #fff;
        font-family: 'dejavu_sansbold', sans-serif;
    }
}

@media screen and (max-width: 1920px) {
    #f-content-left-inner p {
        float: left;
        margin: -16px 0 0 0;
        font-family: 'dejavu_sansextralight', sans-serif;
        font-size: 1.15em;
        line-height: 1.4em;
    }

    #f-content-left-inner h1,
    #f-content-left-inner h2,
    #f-content-left-inner h3,
    #f-content-left-inner h4,
    #f-content-left-inner h5,
    #f-content-left-inner h6 {
        display: inline-block;
        font-size: 1.7em;
        font-family: 'dejavu_sansbold', sans-serif;
        
        padding: 0 0 10px 0;
        border-bottom: 1px solid #80a71d;
        margin: 0 0 30px 0;
    }
}

@media screen and (max-width: 1366px) {
    .center {
        width: 94%;
        margin: 0 3%;
    }
}


@media screen and (max-width: 920px) {
    #f-content-left-inner p {
        float: left;
        margin: -25px 0 0 0;
        font-family: 'dejavu_sansextralight', sans-serif;
        font-size: 0.8em;
        line-height: 1.2em;
    }

    #f-content-left-inner h1,
    #f-content-left-inner h2,
    #f-content-left-inner h3,
    #f-content-left-inner h4,
    #f-content-left-inner h5,
    #f-content-left-inner h6 {
        display: inline-block;
        font-size: 1.1em;
        font-family: 'dejavu_sansbold', sans-serif;
        
        padding: 0 0 10px 0;
        border-bottom: 1px solid #80a71d;
        margin: 0 0 30px 0;
    }

    #f-content .centered-out {
        right: 6%;
        width: 91%;
    }
    
    .calendar-left {
        display:none;
    }
}


@media screen and (max-width: 1920px) {
    .menuboard {
        height: 171px;
        width: 128px;
        border: 0px;
        margin-right: 10px;
        margin-left: 10px;
        background-size: cover;
        background-color: transparent
    }
}

/* ------------------------------------------------------------------------------------
--  LAYOUT + GENERAL
------------------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
    #frame-top {
        height: 20px;
    }
}

@media screen and (max-width: 420px) {
    .blocktitle-wrap h2 {
        float: left;
        display: inline;
        font-family: 'dejavu_sansbold', sans-serif;
        font-size: 1.4em;
        
        color: #35271c;
        text-shadow: 0 1px 1px #dac7ba;
    }

    #f-content .centered-out {
        right: 0%;
        width: 100%;
    }

    .blocktitle-wrap figure {
        width: 100px;
        height: 1px;
        border-bottom: 1px solid #80a71d;
        margin: 10px 20px 0 0;
    }
}

@media screen and (max-width: 640px) {
    #frame-bottom {
        height: 20px;
    }
}

@media screen and (max-width: 640px) {
    #wrapper {
        border-left: 20px solid #fff;
        border-right: 20px solid #fff;
    }
}

@media screen and (max-width: 639px) {
    #wrapper {
        border-left: none;
        border-right: none;
    }
}

@media screen and (max-width: 1600px) {
    .center {
        width: 86%;
        margin: 0 7%;
    }
}

@media screen and (max-width: 1440px) {
    .center {
        width: 90%;
        margin: 0 5%;
    }
}

@media screen and (max-width: 1600px) {
    .center-menuboards {
        width: 97%;
        margin: 1.5%;
    }
}

@media screen and (max-width: 1440px) {
    .center-menuboards {
        width: 97%;
        margin: 1.5%;
    }
}

@media screen and (max-width: 1366px) {
    .center-menuboards {
        width: 97%;
        margin: 1.5%;
    }
}

@media screen and (max-width: 640px) {
    .center {
        width: 100%;
        margin: 0;
    }
}

/* ------------------------------------------------------------------------------------
--  HEADER
------------------------------------------------------------------------------------ */
@media screen and (max-width: 639px) {
    .box0 {
        padding: 0;
    }
}

@media screen and (max-width: 640px) {
    header#main-header {
        width: 100%;
        padding: 10px 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
}

@media screen and (max-width: 1170px) {
    nav#nav-mob {
        display: block;
    }
}

@media screen and (max-width: 1170px) {
    nav#nav-main {
        display: none;
    }

    nav#nav-login {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .logo h1 {
        font-size: 2.6em;
    }
}

/* ------------------------------------------------------------------------------------
--  FOOTER
------------------------------------------------------------------------------------ */
@media screen and (max-width: 639px) {
    #f-info-wrap {
        padding: 30px 0;
    }
}

@media screen and (max-width: 639px) {
    figure#b-img {
        padding: 0 50px;
    }
}

@media screen and (max-width: 1600px) {
    footer#main-footer .centered-out {
        width: 30%;
    }
}

@media screen and (max-width: 1440px) {
    footer#main-footer .centered-out {
        width: 26%;
    }
}

@media screen and (max-width: 1366px) {
    footer#main-footer .centered-out {
        width: 20%;
    }
}

@media screen and (max-width: 780px) {
    footer#main-footer .centered-out {
        width: 20%;
        display: none;
    }
    
    #f-right{
        width:88%;
    }

    .sidebar-wrap .textwidget {
        float: left;
        width: 100%;
        font-size: 0.8em;
        line-height: 1.5em;
    }
}

@media screen and (max-width: 380px) {
    footer#main-footer .centered-out3 {
        position: absolute;
        top: -43px;
        right: 0;
        height: 100%;
        width: 17%;
    }
}

/* ------------------------------------------------------------------------------------
--  CONTENT
------------------------------------------------------------------------------------ */
@media screen and (max-width: 480px) {
    #i-content {
        padding: 30px 0 0 0;
    }
    
    .custompage {
        padding: 10px;
    }
}

@media screen and (max-width: 1365px) {
    #blogbox {
        width: 100%;
    }
}

@media screen and (max-width: 1365px) {
    #sidebar {
        width: 100%;
        margin: 10px 0 0 0;
        border-left: none;
    }
}

@media screen and (max-width: 1023px) {
    .tm-wrap {
        float: left;
        width: 78%;
    }
}

@media screen and (max-width: 1023px) {
    .date-wrap {
        float: right;
        width: 18%;
    }
}

@media screen and (max-width: 640px) {
    .tm-wrap {
        float: left;
        width: 74%;
    }
}

@media screen and (max-width: 640px) {
    .date-wrap {
        float: right;
        width: 22%;
    }
}

@media screen and (max-width: 639px) {
    .tm-wrap {
        float: left;
        width: 100%;
    }
}

@media screen and (max-width: 639px) {
    .date-wrap {
        float: left;
        width: 100%;
        margin: 0 0 30px 0;
    }
}

@media screen and (max-width: 640px) {
    .blogexc {
        padding: 20px;
    }
}

/* ------------------------------------------------------------------------------------
--  PRODUCTS II, RECIPES
------------------------------------------------------------------------------------ */
@media screen and (max-width: 640px) {
    #container {
        float: left;
        padding: 4%;
        width: 92%;
    }
}

@media screen and (max-width: 1440px) {
    .box {
        width: 27.5%;
    }
}

@media screen and (max-width: 1366px) {
    .box {
        width: 27.2%;
    }
}

@media screen and (max-width: 1023px) {
    .box {
        width: 94%;
        margin: 0 0 20px 0;
        padding: 2%;
    }
}

@media screen and (max-width: 767px) {
    .box {
        width: 90%;
    }
}

@media screen and (max-width: 400px) {
    .box {
        width: 88%;
    }
}

/* ------------------------------------------------------------------------------------
--  PRODUCTS SINGLE
------------------------------------------------------------------------------------ */
@media screen and (max-width: 800px) {
    .pic-wrap {
        display: none;
    }
}

@media screen and (max-width: 1023px) {
    .relatedposts ul {
        overflow: auto;
    }
}

@media screen and (max-width: 1023px) {
    .relatedposts ul li {
        width: 100%;
        padding: 0;
    }
}

@media screen and (max-width: 1023px) {
    .relatedposts ul li:nth-child(1) {
        margin: 0 0 20px 0;
    }
}

@media screen and (max-width: 1023px) {
    .relatedposts ul li:nth-child(2) {
        margin: 0 0 20px 0;
    }
}

@media screen and (max-width: 1023px) {
    .relatedposts ul li:nth-child(3) {
        margin: 0;
    }
}

/* ------------------------------------------------------------------------------------
--  ESHOP PRODUCTS TWO COLUMNS
------------------------------------------------------------------------------------ */
@media screen and (max-width: 800px) {
    .pic-wrap {
        display: none;
    }
}

@media screen and (max-width: 1023px) {
    .relatedposts-eshop ul {
        overflow: hidden;
    }
}

@media screen and (max-width: 1023px) {
    .relatedposts-eshop ul li {
        width: 47%;
        padding: 0 0 9999em 0;
    }
}

@media screen and (max-width: 1023px) {
    .relatedposts-eshop ul li:nth-child(1) {
        margin: 0 2% -9999em 0;
    }
}

@media screen and (max-width: 1023px) {
    .relatedposts-eshop ul li:nth-child(2) {
        margin: 0 0 -9999em 0;
    }
}

@media screen and (max-width: 1023px) {
    .relatedposts-eshop ul li:nth-child(3) {
        margin: 0 2% -9999em 0;
    }
}

@media screen and (max-width: 1023px) {
    .relatedposts-eshop ul li:nth-child(4) {
        margin: 0 0 -9999em 0;
    }
}

@media screen and (max-width: 1023px) {
    .relatedposts-eshop ul li:nth-child(5) {
        margin: 0 2% -9999em 0;
    }
}

/* ------------------------------------------------------------------------------------
--  ESHOP PRODUCTS SINGLE
------------------------------------------------------------------------------------ */
@media screen and (max-width: 481px) {
    .pic-wrap {
        display: none;
    }
}

@media screen and (max-width: 481px) {
    .relatedposts-eshop ul {
        overflow: hidden;
    }
}

@media screen and (max-width: 481px) {
    .relatedposts-eshop ul li {
        width: 100%;
        padding: 0;
    }
}

@media screen and (max-width: 481px) {
    .relatedposts ul li:nth-child(1) {
        margin: 0 0 20px 0;
    }
}

@media screen and (max-width: 481px) {
    .relatedposts ul li:nth-child(2) {
        margin: 0 0 20px 0;
    }
}

@media screen and (max-width: 481px) {
    .relatedposts ul li:nth-child(3) {
        margin: 0 0 20px 0;
    }
}

@media screen and (max-width: 481px) {
    .relatedposts ul li:nth-child(4) {
        margin: 0 0 20px 0;
    }
}

@media screen and (max-width: 481px) {
    .relatedposts ul li:nth-child(5) {
        margin: 0;
    }
}

/* ------------------------------------------------------------------------------------
--  404
------------------------------------------------------------------------------------ */
@media screen and (max-width: 799px) {
    .fourzerofour section {
        width: 100%;
        border-right: none;
    }
}

@media screen and (max-width: 799px) {
    .fourzerofour aside {
        width: 70%;
        border-left: none;
        display: none;
    }
}

/* ------------------------------------------------------------------------------------
--  HOME PAGE
------------------------------------------------------------------------------------ */
#intro-wrap figure#intro-bg {
    background: #6e523d;
}

/* ------------------------------------------------------------------------------------
------------------------------------------------------------------------------------ */
@media screen and (max-width: 1280px) {
    figure#flower {
        bottom: auto;
    }
}


@media screen and (max-width: 1280px) {
    figure#flower img {
        height: 450px;
    }
}

/* ------------------------------------------------------------------------------------
------------------------------------------------------------------------------------ */
@media screen and (max-width: 1280px) {
    figure#graphics img {
        max-height: 450px;
    }
}

/* ------------------------------------------------------------------------------------
------------------------------------------------------------------------------------ */
@media screen and (max-width: 1280px) {
    #dark-cover {
        min-height: 160px;
    }
}

@media screen and (max-width: 1280px) {
    #tagline-place {
        display: none;
    }
}