* {
          box-sizing: border-box;
        }

        body {
          margin: 0;
          font-family: 'Roboto', sans-serif;
          font-size: 16px;
          background: #404040;
          background-size: 100%;
          line-height: 1.75;
        }
        body, header, .content, footer
        {
            float: left;
            width: 100%;
            position: relative;
        }
        .content
        {
            margin: 0;
        }
        header
        {
            z-index: 999;
        }
        .copyright
        {
            text-align: center;
            padding: 15px 0;
            color: #fff;
        }
        img
        {
            vertical-align: middle;
            margin: 0;
            max-width: 100%;
        }
        .menu
        {
            width: 100%;
            float: left;
            /*position: absolute;
            top: 0;
            left: 0;
            background: rgba(0,0,0,0.5);*/
        }
        .menu ul
        {
            list-style-type: none;
            width: auto;
            float: left;
        }
        .menu ul li
        {
            float: left;
            margin-right: 11px;
            padding: 0 15px;
        }
        .menu ul li a
        {
            text-decoration: none;
            color: #fff;
        }
        .menu ul li a:hover, .menu ul li a.active
        {
            color: #13a62b;/*red;*/
        }
        h3
        {
            font-size: 45px;
            text-align: center;
        }
        h2
        {
            font-size: 44px;
            margin-bottom: 0;
        }
        h2 + p
        {
            font-size: 24px;
            text-align: center;
        }
        p 
        {
	        margin: 0 0 10px 0;
	        text-align: left;
        }
        .cafe
        {
            max-height: 690px;
        }
        .cafe > div
        {
            position: absolute;
            bottom: 15px;
            right: 15px;
            text-align: right;
            padding: 15px;
            background: rgba(255,255,255,0.85);
        }
        .shop1 > div
        {
            color: #fff;
            width: 33.3333%;
            text-align: center;
            float: left;
        }
        .shop1 > div img
        {
            float: none;
            text-align: center;
            margin: 10px auto;
            display: block;
        }
        .shop2
        {
            color: #fff;
            float: left;
            width: 100%;
            padding: 15px;
        }
        .shop1 > div * + img
        {
            margin-top: 35px;
        }
        .shop1 > div a
        {
            color: #507c34;
            text-decoration: none;
            font-weight: bold;
        }
        .shop1 > div a:hover
        {
            color: #fff;
        }
        .foot-link
        {
            /*float: right;
            padding-right: 30px;*/
        }
        .copyright a
        {
            color: inherit;
            line-height: 1.75px;
        }
        .copyright a:hover
        {
            text-decoration: none;
        }
        .container
        {
            float: none;
            margin: 0 auto;
            display: block;
            position: relative;
            max-width: 1540px;
        }
        #img1, #img4
        {
            width: 215px;
            height: 215px;
        }
        #img2
        {
            width: 275px;
            height: 183px;
        }
        #img3
        {
            width: 300px;
            height: 168px;
        }
        #img5
        {
            width: 259px;
            height: 194px;
        }
        .resp-menu
{
    color: #fff;
    float: left;
    width: 100%;
    padding: 15px;
    font-size: 16px;
    cursor: pointer;
    display: none;
}
.resp-menu:hover
{
    color: #13a62b;/*#c00000;*/
}
        /***********/
        @media only screen and (min-device-width : 768px) and (max-device-width : 1366px) and (orientation : landscape) 
        {
        }
        @media only screen and (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : landscape) 
        {
        }
        @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) 
        {
            h2 + p
            {
                font-size: 18px;
            }
        }
        @media (max-width: 1023px)
        {
            h2
            {
                font-size: 35px;
            }
            h2 + p
            {
                font-size: 15px;
            }
            .shop1 > div
            {
                padding: 0 15px; 
            }
            .menu ul li
            {
                margin-right: 0;
            }
        }
        @media (max-width:  767px)
        {
            .shop1 > div
            {
                width: 100%;
            }
            p
            {
                text-align: center;
            }
        }
        @media (max-width: 639px)
        {
            .resp-menu
    {
        display: block;
    }
    .menu
    {
        display: none;
    }
            .menu ul li 
            {
	            width: 100%;
	            padding: 10px;
            }
        }