.page__header {
padding: 40px 0;
margin-bottom: 20px;
}
.page__header h1 {
text-align: center;
font-family: FontinSansCR-SC;
font-weight: 300;
font-size: 48px;
color: #000000;
line-height: 50px;
margin-bottom: 20px;
}
.page__header h1+p {
font-family: FontinSansCR-Regular;
font-size: 22px;
color: #000000;
letter-spacing: 0;
line-height: 32px;
text-align: center;
}
.preview {
padding: 40px 0;
border-top: 1px solid #ddd;
width: 100%;
}
.preview h3 {
font-family: FontinSansCR-Bold;
font-size: 26px;
color: #000000;
margin-bottom: 10px;
text-align: center;
}
.preview h3+p {
font-family: Alice-Regular;
font-size: 16px;
color: rgba(0, 0, 0, 0.60);
text-align: center;
}
.preview__social {
margin-top: 40px;
}
.preview__social--item {
margin: 0 10px;
}
.preview__social--item span {
font-family: FontinSansCR-Regular;
font-weight: 300;
font-size: 14px;
color: #000000;
}
.preview__social--item-round {
width: 30px;
height: 30px;
border-radius: 20px;
background: #000;
flex-shrink: 0;
margin-right: 15px;
}
.preview__social--item-round svg {
margin: auto;
}
.preview__social--item:hover span,
.preview__social--item:focus span {
color: #F05B41;
}
.preview__social--item:hover .preview__social--item-round,
.preview__social--item:focus .preview__social--item-round {
background: #F05B41;
}
.subscribe {
padding: 40px 0;
border-top: 1px solid #ddd;
width: 100%;
}
.subscribe img {
margin-right: 40px;
width: 160px;
height: auto;
}
.subscribe h3 {
font-family: FontinSansCR-Bold;
font-size: 26px;
color: #000000;
margin-bottom: 10px;
text-align: left;
}
.subscribe h3+p {
font-family: Alice-Regular;
font-size: 16px;
color: rgba(0, 0, 0, 0.60);
text-align: left;
margin-bottom: 20px;
}
.subscribe__info--button p {
font-family: Alice-Regular;
font-size: 20px;
color: #000000;
letter-spacing: 0;
margin-left: 20px;
margin-bottom: 0;
}
.postmail {
padding: 40px 0;
border-top: 1px solid #ddd;
width: 100%;
}
.postmail h3 {
font-family: FontinSansCR-Bold;
font-size: 26px;
color: #000000;
margin-bottom: 10px;
text-align: left;
}
.postmail h3+p {
font-family: Alice-Regular;
font-size: 16px;
color: rgba(0, 0, 0, 0.60);
text-align: left;
margin-bottom: 20px;
}
.postmail label {
display: flex;
align-items: center;
}
.archive__caricature {
column-count: 3;
column-gap: 1em;
}
.archive__caricature--item {
display: inline-block;
width: 100%;
margin-bottom: 1em;
}
@media screen and (min-width:1000px) and (max-width:1279px) {}
@media screen and (min-width:760px) and (max-width:999px) {}
@media screen and (min-width:560px) and (max-width:759px) {
.preview__social {
margin-top: 20px;
}
.preview__social--item span {
display: none;
}
}
@media screen and (min-width:0) and (max-width:559px) {
.preview__social {
margin-top: 20px;
}
.preview__social--item span {
display: none;
}
}