.toggleMobile { display: none; }
/* .hideMobile { display: block; } */
.showMobile { display: none !important; }

@media screen and (max-width: 1000px) {
    .showMobile { display: block !important; }
    img.showMobile { display: inline !important; }
	.hideMobile { display: none !important; }
    p.title { line-height: 35px; }

	#header { top: 0; bottom: auto; width: 100%; z-index: 10; height: 70px; background: #fff !important; }
	.section { padding-bottom: 0; margin-bottom: 0; padding-top: 70px; margin-top: -70px; min-height: 100vh; }
	.section.home { height: 100vh; padding-top: 0; margin-top: 70px; background-size: 100% auto; }
	#navigation { display: none; }
	#header .logo img { left: 0; margin-left: 10px; height: 100%; width: auto; }

	.section .page_image,
    .section .page_content { width: 50%; }

    .section .page_content img { max-width: 100%; }

    .parallax { z-index: 9; }

	.toggleMobile { display: block; position: absolute; top: 15px; right: 15px; width: 40px; height: 36px; cursor: pointer; z-index: 999; }
    .toggleMobile span { display: block; position: absolute; width: 40px; height: 8px; left: 0; background: #7b4c42;
                -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95); }
    .toggleMobile span.menu1 { top: 0; }
    .toggleMobile span.menu2 { top: 14px; }
    .toggleMobile span.menu3 { top: 28px; }

    .toggleMobile.active span.menu1 { top: 14px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
            transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
    }
    .toggleMobile.active span.menu2 {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
            transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
    }
    .toggleMobile.active span.menu3 {
            opacity: 0;
            -webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
            transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
    }

    #MobileMenu { position: absolute; top: 70px; left: 0; width: 100%; display: none; list-style: none; padding: 0; margin: 0; }
    #MobileMenu li a { display: block; background: #fff; color: #000; padding: 12px 0; text-decoration: none; letter-spacing: 0.1em; text-align: center; border-bottom: 1px solid #7b4c42; }
    #MobileMenu li .before, #MobileMenu li .after { display: none; }
    #MobileMenu li a:hover, #MobileMenu li a.active { color: #7b4c42; }
}

@media screen and (max-width: 700px) {
    section { height: auto !important; }
	.section { min-height: auto; height: auto; }
	.section .page_image { float: none; display: none; }
	.section .page_content { float: none; width: 100%; height: auto; overflow: auto; }
    .section .page_content img { width: 100%; height: auto; }

	.product { width: 50%; }

    #ProductOverlay { position: fixed; overflow-y: scroll; top: 0; right: 0; bottom: 0; left: 0; margin: 0 !important; z-index: 99999; width: 100% !important; height: 100% !important; background: #fff; box-sizing: border-box; }
    #ProductOverlay .image img { height: auto; width: auto; max-height: 100vh; }
    #ProductOverlay .image, #ProductOverlay .content { float: none; width: 100%; height: auto; }
    #ProductOverlay .buttons { position: static; bottom: auto; right: auto; width: 100%; box-sizing: border-box; padding: 10px; }
    #ProductOverlay .buttons a { margin: 10px 0; line-height: 50px; display: block; }
    #ProductOverlay .content { text-align: center !important; padding: 10px; }
    #ProductOverlay .close { position: fixed; }
}


@media screen and (max-width: 400px) {
	.product { width: 100%; float: none; } 
}