@charset "UTF-8";

@media screen and (max-width:450px){
    /* coded for 370px */
    header{
        height: 250px;
    }

    .header-title{
        margin-top: 30px;
        margin-right: 30px;
        z-index: 10;
    }

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

    .header-menu{
        z-index: 10;
        margin-right: 20px;
    }

    .header-menu a{
        font-size: 12px;
        margin-left: 20px;
    }

    .header-img img{
        position: absolute;
        top: 0;
        left: 0;
    }

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

    #news{
        margin-top: 50px;
    }

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

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

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

    .news-container{
        margin-right: 10px;
    }

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

    .news-container1 p,.news-container2 p,.news-container3 p,.news-container4 p,.news-container5 p{
        font-size: 10px;
    }

    .news-container1 h3,.news-container2 h3,.news-container3 h3,.news-container4 h3,.news-container5 h3{
        font-size: 12px;
    }

    #container1{
        margin-top: 50px;
    }

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

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

    .container1-title p{
        font-size: 10px;
        margin-top: 10px;
    }

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

    .container1-text{
        width: 150px;
        height: 80px;
        top: 140px;
        right: 190px;
    }

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

    #container2{
        margin-top: 50px;
    }

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

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

    .container2-title p{
        font-size: 10px;
        margin-top: 10px;
    }

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

    .container2-text{
        width: 150px;
        height: 80px;
        top: 140px;
        left: 190px;
    }

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

    #map{
        margin-top: 50px;
    }

    .map iframe{
        height: 300px;
    }

    footer{
        height: 350px;
    }

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

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

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

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

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

}