@charset "UTF-8";

@media screen and (max-width:850px){
    /* coded for 750px */
    .header-title{
        margin-right: 50px;
    }

    .header-title h1{
        font-size: 40px;
    }

    .header-menu a{
        font-size: 15px;
    }

    .header-store{
        top: 50px;
        left: 50px;
    }

    .header-store a{
        font-size: 15px;
    }

    #news{
        margin-top: 100px;
    }

    .news-title{
        margin-right: 50px;
    }

    .news-title p{
        font-size: 12px;
    }

    .news-title h2{
        font-size: 30px;
    }

    .news-container{
        margin-right: 50px;
        margin-top: 30px;
    }

    .news-container1,.news-container2,.news-container3,.news-container4,.news-container5{
        padding: 10px 30px;
    }

    #container1{
        margin-top: 100px;
    }

    .container1-title{
        margin-right: 50px;
    }

    .container1-title h2{
        font-size: 30px;
    }

    .container1-title p{
        font-size: 12px;
    }

    .container1-img{
        margin-top: 30px;
    }

    .container1-img img{
        width: 550px;
    }

    .container1-text{
        width: 300px;
        height: 100px;
        top: 310px;
        right: 360px;
    }

    .container1-text p{
        font-size: 15px;
    }

    #container2{
        margin-top: 100px;
    }

    .container2-title{
        margin-left: 50px;
    }

    .container2-title h2{
        font-size: 30px;
    }

    .container2-title p{
        font-size: 12px;
    }

    .container2-img{
        margin-top: 30px;
    }

    .container2-img img{
        width: 550px;
    }

    .container2-text{
        width: 300px;
        height: 100px;
        top: 310px;
        left: 360px;
    }

    .container2-text p{
        font-size: 15px;
    }

    #map{
        margin-top: 100px;
    }

    footer{
        height: 450px;
    }

    .footer-title{
        margin-right: 30px;
        margin-top: 30px;
    }

    .footer-title h1{
        font-size: 40px;
    }

    .footer-address{
        margin-top: 30px;
        margin-right: 30px;
    }

    .footer-address p{
        font-size: 12px;
    }

    .footer-tel{
        margin-top: 30px;
    }

    .footer-tel p{
        font-size: 12px;
    }

    .footer-menu{
        margin-top: 50px;
        margin-right: 50px;
    }

    .footer-menu a{
        font-size: 12px;
    }

    .footer-contact{
        margin-top: 50px;
    }

    .footer-contact a{
        font-size: 12px;
    }

}