body {font-family: Arial, Helvetica, sans-serif; color: #444; font-size: 16px; line-height: 130%; margin: 0; }

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

a {color: #222; text-decoration: none; }

a:hover {text-decoration: underline; }

.grey {background-color: #f4f4f4; }

h1 {font-size: 32px;}
h2 {font-size: 27px;}
h3 {font-size: 22px;}

section {padding: 30px 0; }

.wrap {padding: 0 20px; width: 100%; max-width: 1000px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }

.header {background: #00335a; display: flex; justify-content: space-between; padding: 20px 0; align-items: center;}

.header .wrap div img {width: 20px; height: auto; margin: 0 0 0 15px; }

.contacts {background: #004274; color: white; padding: 30px 0; } 

.contacts img {width: 40px; height: auto; margin: 0 0 0 20px; }

.contacts a {color: white; }

.large {font-size: 20px; }

.about .wrap div {width: calc(50% - 30px);}

.about {padding: 30px 0; }

.about li {margin: 10px 0; }

.about .wrap {align-items: center;}

.usluge {padding: 30px 0 60px 0; }

.usluge .wrap {flex-direction: column;}

.usluga {border-top: 1px solid #ddd; padding-top: 30px; margin-top: 30px; }

.copyright {padding: 30px 0; color: white; background: #004274; }

@media (max-width: 700px) {
    .about .wrap, .contacts .wrap {flex-direction: column;}
    .about .wrap div, .contacts .wrap div {width: 100%;}

    .contacts .wrap  {gap: 20px;}
    .contacts img {
        margin: 0 20px 0 0;
    }





}