/* 2018 CopyRight Yuri Rassadnikov, mail@rassadnikov.ru */
body {
     margin:0;
     padding:0;
     background: #eee url('bg-1.png');
     color: #333;
     font-family: 'Open Sans', sans-serif;
     font-size: 16px;
     line-height: 1.4;
     }
div {
box-sizing: border-box;
}

h2 {font-size: 24px; color: #246;}
.wrap {max-width: 1200px; margin: 0 auto; padding: 20px;}
.header {
    color: #eee; 
    font-size: 90%;
    background:#246;
}
.header .wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.header span {font-size: 40px; font-weight:700; color: #f93; font-style: normal; letter-spacing: 4px; }
.header .center {margin-left: auto; margin-right: 40px;}
.menu {padding: 0; background: #09c; color: #fff; letter-spacing: 2px;}
.menu a {color: #fff; text-decoration: none;}
.menu a:hover {color: #f90;}
.content { }
.about {}
.service {}
.rekv {}
.contact {}
.contact .wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.footer {background: url('bg-2.png'); color: #fff;}
.footer-other {
    font-size:90%;
    color: #ccc;
}

.uslugi {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 30px;
}

.usluga {
text-align: center;
border: 5px solid #09c;
background: #fff;
color:#246;
border-radius: 5px;
width: 250px;
height:250px;
margin-bottom: 30px;
padding: 30px 20px;
}
.usluga i {margin-bottom:20px;}

.bg-0 {background: #fff;}

.row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
}

.col {margin: 0;}

.news .col {
    width: 300px;
}

@media only screen and (max-width : 1023px) {
.nomobile {display: none;}
.header .wrap, .contact .wrap, .uslugi .col {display:block; width:100%;}
.usluga {margin-left:auto; margin-right:auto;}
.header .center {margin: 0;}
}