67 lines
1.0 KiB
CSS
67 lines
1.0 KiB
CSS
.page {
|
|
margin: calc(60rem / 16) 0;
|
|
}
|
|
|
|
.headerContainer {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: flex-end;
|
|
padding-bottom: 1rem;
|
|
margin-bottom: calc(40rem / 16);
|
|
border-bottom: calc(1rem / 16) solid var(--primary-heading);
|
|
}
|
|
|
|
.header {
|
|
padding-right: calc(82rem / 16);
|
|
}
|
|
|
|
.header h1 {
|
|
color: var(--primary-heading);
|
|
margin: 0 1rem 0 0;
|
|
text-align: left;
|
|
}
|
|
|
|
.headerContent {
|
|
max-width: calc(450rem / 16);
|
|
}
|
|
|
|
.image {
|
|
height: calc(165rem / 16);
|
|
object-fit: cover;
|
|
}
|
|
|
|
.miniCards > *:nth-child(odd) {
|
|
background: var(--secondary-accent-light);
|
|
}
|
|
|
|
@media only screen and (max-width: calc(768rem / 16)) {
|
|
.page {
|
|
margin-top: 0;
|
|
margin-bottom: calc(20rem / 16);
|
|
}
|
|
|
|
.headerContainer {
|
|
flex-direction: column-reverse;
|
|
margin-bottom: calc(20rem / 16);
|
|
}
|
|
|
|
.headerContent {
|
|
display: none;
|
|
}
|
|
|
|
.image {
|
|
margin: 0 auto;
|
|
height: calc(75rem / 16);
|
|
}
|
|
|
|
.header {
|
|
width: 100%;
|
|
padding: 0;
|
|
}
|
|
|
|
.header h1 {
|
|
text-align: center;
|
|
margin: 0;
|
|
}
|
|
}
|