@media (max-width:610px) { 
	
	.menu div.menu-mobile {
        width: 40px;
		height: 50px;
        background: url(img/mobile_open.png) no-repeat center center;
        background-size: contain;
        cursor: pointer;
        float: right;
        display: block;
        margin-top: 45px;
        margin-right: 15px;
    }

    .menu div.menu-mobile.close {
        position: absolute;
		right: 35px;
		top: 35px;
        z-index: 210;
        background: url(img/mobile_close.png) no-repeat center center;
        width: 60px;
		height: 60px;
		margin-top: 0px;
		margin-right: 0px;
    }

    .menu ul.show {
        display: block;
    }

    .menu ul {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100vh;
        background-color: #FFFFFF;
        z-index: 200;
        display: none;
    }

    .menu ul li {
        width: 100%;
        display: block;
        text-align: center;
        margin-bottom: 0px;
		margin-top: 90px;
		padding: 0px;
    }

    .menu ul li a {
        margin-left: 0px;
        color: #000000;
        font-size: 40px;
        line-height: 40px;
    }

    .menu ul li a:hover, .menu ul li a.a {
        color: #96352F;
        border-bottom: 0px;
    }
	
	.box {
		width: 90%;
	}

	body, html { 
		font-size: 25px;
	}

	.menu h1, .menu h1 a  {
		width: 180px;
	}

	.menu .icons {
		float: left;
		width: 200px;
		margin-top: 30px;
		margin-left: 15px;
		font-size: 16px;
	}

	.menu .icon {
		padding-top: 0px;
		padding-bottom: 0px;
	}


	.head .descr h2 {
		margin: 0px 0px 25px 0px;
	}



	.page2 .l, .page2 .r, .page3 .l, .page3 .r {
		width: 100%;
	}

	.page4 {
		padding: 50px 0px 0px 0px;
	}

	.page4 .photos .photo:nth-child(2n) {
		float: left;
	}

	.page4 .photos .photo {
		margin-bottom: 50px;
  	}

	.page6 .l, .page6 .r {
		width: 100%;
	}
	
}