/* TRAUKLAR_HOMEPAGE_DESIGNS_V1 */
.site-landing .site-design-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.site-landing .site-design:last-child { grid-column: auto; }
.site-landing .site-design { min-width: 0; }
.site-landing .site-design > div {
    padding: 24px 14px;
    min-height: 300px;
    overflow-wrap: anywhere;
}
.site-landing .site-design--modern > div {
    background: #f3f2ee;
    color: #24343a;
    border-bottom: 10px solid #c85f43;
    border-radius: 4px;
}
.site-landing .site-design--modern > div strong {
    font-family: Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}
.site-landing .site-design--modern i { color: #883b27; }
.site-landing .site-design--elegant > div {
    background: #f4efe5;
    color: #171717;
    border-left: 12px solid #171717;
    border-right: 6px solid #aa7655;
    border-radius: 0;
}
.site-landing .site-design--elegant > div strong {
    font-family: Georgia, serif;
    text-transform: uppercase;
    letter-spacing: -.035em;
}
.site-landing .site-design--elegant i { color: #80442f; }
.site-landing .site-designs__note { color: #465d52; }
@media (max-width: 1000px) {
    .site-landing .site-design-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
    .site-landing .site-design-grid { grid-template-columns: minmax(0, 1fr); }
    .site-landing .site-design > div { min-height: 270px; }
}