@media only screen and (max-width: 55em) {
    .solution{
        width:44%;
        margin-right:8%;
        margin-bottom:20px;
    }
    .solution.second,.solution.forth{
        margin-right:0px;
    }
}

@media only screen and (max-width: 42em) {
    body{
        font-size: 120%;
    }
    p{
        font-size: 0.9em;
    }
    #page_body .page-block, .contact-form-block .left-fields ,.contact-form-block .input-textarea{
        width:100% !important;
        float:none !important;
    }
    header{
        height:129px;
    }
    header nav{
        position:absolute;
        left:0px;
        top:79px;
        margin:0px;
        width:100%;
        z-index: 2000;
    }
    ul#topmenu{
        height:50px;
        background-color:#111;
        position: relative;
    }
    #topmenu > li{
        height:50px;
        position: static;
    }
    #topmenu li a, #topmenu li span{
        padding-top:13px;
    }
    #topmenu li .submenu{
        position: absolute;
        left: 10%;
        top:100%;
        width: 80%;

    }
    .submenu li a{
        font-size: 1.2em;
        padding: 10px 0;
        height: 30px!important;
        line-height: 30px!important;
        display: block;
    }
    #intro_pic{display:none;}
    #main_content{
        width:50%;
    }
    #right_col{
        float:right;
        width:40%;
    }
    #introtext{
        float:none;
        width:100%;
    }
    footer nav{
        display: none;
    }
    footer small span{
        display: block;
    }
}

@media only screen and (max-width: 32em) {
    .wrapper,#page_body{
        width:92% !important;
    	margin: 0px auto;
    }
    .solution{
        width:100%;
        margin:0px;
        margin-bottom:20px;
        padding-bottom:20px;
        border-bottom:1px #777 dashed;
    }
    .solution.forth{border:0px; padding-bottom:0px;}
    .article_block{display:none;}
    #main_content, #right_col{
        float:none;
        width:100%;
    }
}