Не меняется значение font-weight в любом тексте документа. В блоке со ссылками всё работает нормально, всё меняется и возвращается обратно. Шрифт и прочее тоже меняется. Вот сам html
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="assets/css/style.css">
<title>Dart Service Manager</title>
</head>
<body>
<header class="header">
<div class="container">
<div class="header__inner">
<div class="header__logo">
<div class="logo__img">
<img src="assets/images/logo.png" alt="logo">
</div>
</div>
<nav class="nav">
<a class="nav__link" href="#">Home</a>
<a class="nav__link" href="#">Service</a>
<a class="nav__link" href="#">Extension</a>
<a class="nav__link" href="#">Pricing</a>
<a class="nav__link" href="#">Help</a>
</nav>
<a class="btn" href="#">Sign Up</a>
</div>
</div>
</header>
<div class="intro">
<div class="container__intro">
<div class="block1__text">
<div class="header__intro__text">
<h1>Lorem Ipsum <br> Dolor sit amet</h1>
</div>
<b>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do <br> eiusmod tempor incididunt labore et dolore magna aliqua. Ut enim ad <br> minim veniam, quis nostrud exercitation ullamc</b>
</div>
<div class="block1__video">
</div>
</div>
</div>
и css к нему
body {
margin: 0;
font-family: 'raleway', sans-serif;
font-size: 15pt;
line-height: 1.6;
color: #001835;
}
*,
*:before,
*:after {
box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
}
/* Header */
.header {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1000;
}
.header__inner {
display: flex;
justify-content: space-between;
align-items: center;
}
.header__logo {
display: inline-block;
margin-top: 50px;
}
.nav {
font-size: 15px;
margin-top: 50px;
}
.nav__link {
display: inline-block;
vertical-align: top;
margin: 0 20px;
text-decoration: none;
color: #FFFFFF;
transition: color .1s linear;
}
.nav__link:hover {
color: #001835;
}
.btn {
display: inline-block;
vertical-align: top;
margin-top: 50px;
text-decoration: none;
font-size: 12px;
text-transform: lowercase;
color: #FFFFFF;
border: 1px solid #FFFFFF;
border-radius: 4px;
padding: 5px 15px;
transition: color .1s linear;
}
.btn:hover {
background-color: #001835;
border: 1px solid #001835;
}
/* Intro */
.intro {
display: flex;
flex-direction: column;
width: 100%;
height: 100vh;
background: url("../images/intro.jpg") center
no-repeat;
-webkit- background-size: cover;
background-size: cover;
}
/* Container */
.container {
width: 100%;
max-width: 1440px;
margin: 0 auto;
}
.container__intro {
display: flex;
justify-content: space-between;
width: 100%;
max-width: 1440px;
margin: 0 auto;
}
.header__intro__text{
color: #FFFFFF;
font-size: 27px;
font-weight: 800;
text-transform: uppercase;
line-height: 2.3em;
margin-bottom: 25px;
}
.block1__text {
color: #FFFFFF;
font-size: 15px;
margin-top: 265px;
}
.block1__video {
display: inline-block;
vertical-align: top;
width: 600px;
height: 320px;
margin-top: 265px;
background-image: url(../images/video_bg.png);
}
В коде элемента браузера при изменении значения тоже ничего не происходит. Ткните носом где я чего-то не вижу. Но я нигде не применял font-weight кроме заголовка слева от картинки. А текст ниже видимо это унаследовал (когда они были в одном div'е) и обратно возвращаться не хочет. При создании нового текста на странице происходит то же самое. Присваивается font-weight: bold; и больше не изменяется.
Простой
Простой
