@media all and (max-width: 570px) {
    
    body {font-size: 5vw;}

    /*-----------CONTENT-----------------------------------------------------------*/
    .main_container {width: 100%;}

    .logo_container {width: 40%;}

    /*-----------MENU---------*/
    .main_container ul
    { 
        width:100%;
        margin-top: 4%;
    }

    .main_container ul li 
    { 
        margin: 1% 0 1% 5%;
        font-size: 5.5vw;
    }

    .head_line{margin:2% 0 2% 0;}

    .head_line p{font-size: 7vw;}

    /*-----------MAIN CONTENT---------*/
    .main_content
    {
        border-top: none;
        border-bottom:  dotted 1px #808285;
    }

    .main_content img
    {
        width: 98%;
        margin:0% 1% 2% 1%;
    }

    .main_content p { margin-left: 1%; }

    .main_content .services
    { 
        width: 50%;
        margin: 2% 0% 0 6%;
    }

    .main_content .services li { font-size: 4vw;}

    /*-----------FOOTER---------*/
    #boxes li 
    { 
        width: 32%;
        padding: 3% 0 3% 0;
        font-size: 2.5vw;
    }

    .footer
    {
        width: 70%;
        margin: 3% auto;
    }

    .footer p {font-size: 3vw;}

    /*-----------HELPERS----------------------------------------------------------*/
    .clear {clear: both;}

}