body {
  background: url(../images/bg-3.png) top center fixed;
  font-family: 'Roboto Condensed', sans-serif;
  padding: 50px;
  margin: 0;
  font-size: 18px;
  font-weight: 300;
}
#container {
    max-width: 870px;
    margin: 0 auto;
    background-color: rgba(245, 248, 252, 0.90);
    border: 1px solid #CDD9DB;
}
#line-with-tel {
    height: 63px;
    background-color: #d2dbe3;
    line-height: 63px;
    text-align: right;
    padding-right: 25px;
}
.phone, h1 {
    font-size: 40px;
    font-weight: 400;
}
@media (max-width: 419px) {
  .phone {
    font-size: 26px;
  }
  h1 {
    font-size: 30px;
  }
}
.phone .prefix {
    font-weight: 400;
    font-size: 20px;
}
.phone a {
    text-decoration: none;
    color: inherit;
}
#content {
    padding: 46px 46px 60px 70px;
}
h1 {
    margin: 0;
    line-height: 100%;
}
.h-comment {
    margin-top: -3px;
    font-size: 18px;
    color: #444;
    font-weight: 400;
    border-bottom: 1px solid #D6D9DB;
    padding-bottom: 5px;
}
.services {
    font-size: 26px;
    font-weight: 400;
    list-style: none;
    margin-bottom: 50px;
    margin-top: 35px;
}
.services .secondary {
    font-weight: 400;
    font-size: 70%;
    color: #333;
    line-height: 100%;
}
.services li {
    margin: 18px 0;
    line-height: 105%;
}
.services li li {
    margin: 5px 0;
}
#footer-phone {
    margin-top: 40px;
}
@media (max-width:720px) {
    body {
        padding: 30px 20px;
    }
    #content {
        padding: 36px 16px 30px 30px;
    }
    ul.services {
        padding-left: 0;
    }
}
@media (max-width:419px) {
    body {
        padding: 30px 15px;
    }
    #content {
        padding: 36px 10px 30px 15px;
    }
    ul.services {
        font-size: 22px;
    }
}