@charset "UTF-8";

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

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

    .header-menu{
        margin-left: 250px;
    }

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

    .contact{
        width: 100px;
    }

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

    #news{
        width: 70%;
    }

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

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

    .news-info{
        margin-top: 30px;
    }

    .news-container1 span,.news-container2 span,.news-container3 span{
        margin-left: 10px;
        font-size: 10px;
    }

    .news-container1 h2,.news-container2 h2,.news-container3 h2{
        font-size: 12px;
    }

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

    #about{
        width: 90%;
    }

    .about-img img{
        width: 300px;
        margin-top: 80px;
        margin-right: 20px;
    }

    .about-container{
        margin-top: 0px;
        margin-left: 0px;
    }

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

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

    .about-text{
        margin-top: 30px;
    }

    .about-text p{
        font-size: 10px;
    }

    #business{
        width: 60%;
    }

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

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

    .business-section{
        display: flex;
        margin-top: 30px;
        margin-bottom: 100px;
    }

    .business-section1{
        margin-top: 0px;
        margin-right: 50px;
        margin-bottom: 15px;
    }

    .business-1 img,.business-2 img,.business-3 img,.business-4 img{
        width: 200px;
        margin-top: 5px;
    }

    .business-1 p,.business-2 p,.business-3 p,.business-4 p{
        font-size: 12px;
    }

    #company{
        width: 90%;
        padding: 20px;
    }

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

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

    .company-info{
        margin-top: 30px;
    }

    .company-img img{
        width: 300px;
        margin-top: 80px;
    }

    table{
        font-size: 12px;
    }

    footer{
        height: 180px;
    }

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

    .footer-name h1{
        font-size: 23px;
    }

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