.section-single-header {
position: relative;
display: block;
margin-bottom: var(--space-10);
}
.container-single-header {
max-width: var(--container-3xl);
display: flex;
flex-direction: column;
margin: 0 auto;
}
.container-single-header p {
max-width: 850px;
}
.single-header--title {
max-width: 850px;
display: block;
margin: var(--space-2) 0 var(--space-8) 0;
color: var(--color-primary);
font-size: var(--text-3xl);
line-height: var(--leading-5);
}
.section-single-header p {
font-size: var(--text-lg);
}
.section-single-content {
position: relative;
display: block;
margin-bottom: var(--space-32);
padding: 0 var(--space-4);
}
.container-single-content {
max-width: var(--container-3xl);
margin: 0 auto;
}
.single-content--content {
max-width: 850px;
}
.container-single-content p {
line-height: var(--leading-8);
}
.container-single-content h2 {
display: block;
margin: var(--space-4) 0;
color: var(--color-primary);
font-size: var(--text-xxl);
font-weight: var(--font-bold);
line-height: var(--leading-6);
}
.single-content--content img {
margin: var(--space-8) 0 0 0;
}
.section-single-content .single-content--return-button {
display: inline-block;
margin-top: var(--space-16);
padding: var(--space-3) var(--space-7);
border: 1px solid var(--color-primary);
background-color: var(--color-primary);
color: var(--color-white);
text-decoration: none;
line-height: 1;
}
.single-content--content p a {
color: var(--color-secondary);
}
.section-single-content .single-content--return-button:hover {
color: var(--color-white);
background-color: var(--color-secondary);
border-color: var(--color-secondary);
}
@media only screen and (max-width: 1360px) {
.single-header--title {
font-size: var(--text-2xl);
}
}
@media only screen and (max-width: 1024px) {
.section-single-header {
margin-bottom: var(--space-16);
}
.container-single-header {
flex-direction: column;
padding: 0 var(--space-4);
}
.section-single-header p {
max-width: 100%;
}
.single-content--content {
max-width: 100%;
}
.container-single-content h2 {
margin-bottom: var(--space-8);
}
}
@media only screen and (max-width: 1024px) {
.container-single-header {
padding-bottom: var(--space-8);
}
.section-single-header {
margin-bottom: var(--space-10);
}
}