/* Template css resource: Core 9 - Template page - homepage */
.intro h2 {
font-family: "Oswald", "Source Sans Pro", sans-serif;
font-size: 30px;
font-weight: 400;
line-height: 1;
color: #000;
margin: 40px 0 0;
}
@media screen {
.intro blockquote {
width: 100%;
overflow: hidden;
position: relative;
margin: 40px 0 40px;
padding: 80px;
background: #000;
}
.intro blockquote p {
font-family: Oswald;
color: #fff;
font-size: 32px;
font-weight: 400;
line-height: 40px;
text-align: center;
margin: 0;
padding: 0;
text-transform: uppercase;
letter-spacing: 2px;
}
.intro blockquote p::after {
content: " ";
display: block;
margin: 38px auto 0;
width: 120px;
height: 1px;
background: rgba(255, 255, 255, 0.22);
}
}
@media screen and (max-width: 750px) {
.intro blockquote {
padding: 20px;
}
.intro blockquote p {
font-size: 26px;
line-height: 32px;
}
.intro blockquote p::after {
margin-top: 18px;
}
}
@media screen and (max-width: 600px) {
.intro blockquote p {
font-size: 32px;
}
}