Экспорт графики и параметров макет Яхт Клуб

Курсы
1

Добрый день. Не могу понять в чем ошибка. помогите разобраться

скрин
скрин1220×892 78.7 KB

Мой CSS:
body {
font-family: “Roboto”, sans-serif;
font-size: 16px;
line-height: 24px;
color: #163152;
background-color: #FDFDFF;
}
.site-navigation-item a {
font-size: 14px;
line-height: 18px;
text-transform: uppercase;
text-decoration: none;
}
h1 {
font-size: 44px;
line-height: 60px;
font-family: Roboto, italic, sans-serif;
text-transform: uppercase;
}
time {
font-size: 14px;
line-height: 18px;
text-transform: uppercase;
}
h2 {
font-size: 24px;
line-height: 34px;
font-weight: bold;
}
.blog-article h2, .contacts h2 {
text-decoration: underline;
text-decoration-color: #00C6BD;
text-underline-offset: 15px;
text-underline-position: under;
}
.contact-item {
font-size: 16px;
line-height: 22px;
text-decoration: none;
color: #163152;
}
.contact-item h3 {
font-weight: bold;
font-size: 16px;
line-height: 22px;
}
address {
font-style: normal;
}
.contact-item a {
text-decoration: none;
color: #163152;
border-color: #00C6BD;
border-size: 1px;
}
.main-footer {
font-size: 14px;
line-height: 18px;
}
.main-footer a {
text-decoration: none;
color: #163152;
}
.policy, .copyright {
font-size: 10px;
line-height: 12px;
}

3

body {

font-family: "Roboto", sans-serif;

font-size: 16px;

line-height: 24px;

color: #163152;

background-color: #fdfdff;

}

.site-navigation-item a {

font-size: 14px;

line-height: 18px;

text-decoration: none;

text-transform: uppercase;

}

.hero h1 {

font-size: 44px;

line-height: 60px;

font-style: italic;

}

.blog-article h2 {

font-size: 24px;

line-height: 34px;

text-decoration: underline;

text-decoration-color: #00c6bd;

text-decoration-thickness: 2px;

text-underline-offset: 15px;

text-underline-position: under;

}

.blog-article-date {

font-size: 14px;

line-height: 18px;

text-transform: uppercase;

}

.news h2 {

font-size: 24px;

line-height: 34px;

text-decoration: underline;

text-decoration-color: #00c6bd;

text-decoration-thickness: 2px;

text-underline-offset: 15px;

text-underline-position: under;

}

.post-img figcaption {

color: #8693A4;

font-size: 16px;

line-height: 19px;

}

.post h3 {

font-size: 22px;

font-weight: 700;

line-height: 26px;

}

.post p {

font-size: 18px;

line-height: 26px;

}

.post h4 {

font-size: 20px;

line-height: 26px;

}

.post ul {

font-size: 18px;

line-height: 26px;

}

.post ins {

text-decoration: none;

}

.post blockquote {

font-weight: bold;

font-size: 26px;

line-height: 36px;

}

.post-meta a {

font-size: 16px;

line-height: 19px;

font-weight: bold;

color: #163152;

text-decoration: none;

}

.post-meta time {

font-size: 16px;

line-height: 19px;

color: #8693a4;

}

.contacts h2 {

font-size: 24px;

line-height: 34px;

text-decoration: underline;

text-decoration-color: #00c6bd;

text-decoration-thickness: 2px;

text-underline-offset: 15px;

text-underline-position: under;

}

.contact-item {

font-size: 16px;

line-height: 22px;

}

.contact-item h3 {

font-size: 16px;

line-height: 22px;

}

.contact-item address {

font-style: normal;

}

.contact-item a {

color: #163152;

text-decoration: none;

}

.main-footer {

font-size: 10px;

line-height: 12px;

}

.footer-navigation-topics {

font-size: 14px;

line-height: 16px;

}

.footer-navigation-topic h2 {

font-size: 14px;

line-height: 18px;

text-transform: uppercase;

}

.footer-navigation-item a {

color: #163152;

text-decoration: none;

}

.policy a {

color: #163152;

text-decoration: none;

}

Селекторы обрати внимание, и классы в своей разметке