.hero-content h1,
.hero-content p {
color: #fff;
}
.hero-content h1 {
font-size: 60px;
}
.hero-content p {
font-size: 15px;
}
.hero-content {
position: relative;
z-index: 2;
text-align: center;
font-family: 'Oswald', sans-serif;
font-weight: bold;
text-transform: uppercase;
}
.hero {
position: relative;
margin: 50px 30px;
background: url('../img/banner.jpg') 50%/cover;
background-attachment: fixed;
background-repeat: no-repeat;
height: 600px;
}
.hero::before {
content: '';
position: absolute;
background-color: rgba(33, 33, 33, 0.6);
width: 100%;
height: 100%;
}