.header-h1 {color: #007348; font-size: 250%; font-weight: bold;}
.header-h1 a, .header-h1 a:visited, .header-h1 a:focus, .header-h1 a:hover, .header-h1 a:active {color: #007348; text-decoration: none; background: none;}

div.actions {padding-left: 1em; padding-top: 5px; padding-bottom: 18px; border-bottom: 2px solid #007348;}

.footer .block.contacts { width: 65%; margin-right: 0;  }
.footer .block.system  { width: 35%; }
.footer .block.contacts .left-block { width: 18em; height: 7em; }
.footer .block { height: 7em; }
.left-block {width: 25%;}


@media screen and (max-width: 880px) {
    .header-h1 {font-size: 220%;}
    .footer .block.contacts { width: 70%; margin-right: 0;  }
    .footer .block.system  { width: 30%; }
    .footer .block.system .left-block { height: 6em; }
}


@media screen and (max-width: 750px) {
    div.actions {padding-top: 5px; padding-bottom: 15px; }
    .footer .block.system .left-block { width: 18em;}
    .footer .block.contacts { width: 80%; margin: 0px auto; }
    .footer .block.system  { width: 80%; }
    .footer .block { height: 10em; }
}

@media screen and (max-width: 630px) {
    .footer .block.contacts .left-block { height: 10em; }
}

@media screen and (max-width: 550px) {
    .footer .block.contacts { height: 18em; }
    .footer .block.contacts .left-block { float: none; height: 9em; }
    .footer .block.system .left-block { float: none; height: 9em; }
}

@media screen and (max-width: 450px) {

    div.actions {padding-left: 0; border-bottom: 0;}
    .header-h1 {padding-top: 10px; text-align: center; font-size: 160%;}
    .header .logo {text-align: center;}

    .footer .block.contacts .left-block { height: 9em; }
}

@media screen and (max-width: 350px) {
    .header-h1 {font-size: 145%;}
}