.text-20 {
	font-size: 20px;
}
.font-michroma {
	font-family: Michroma;
}
section.posts-recent {
	overflow: visible;
	position:relative;
}


img.background-stroke {
    position: absolute;
    z-index: -1;
    bottom: 0;
    right: 0;
    width: 300%;
    opacity:0.3;
    max-width: none;
}

section.posts-recent .container-fixed {
    display: flex;
    flex-direction: column;
    padding: var(--spacing-md) 0;
    align-items: stretch;
}

section.posts-recent h2 {
	padding-left: var(--site-padding);
}

@media screen and (min-width:769px) {
	section.posts-recent .container-fixed {
	    flex-direction: row;
	    flex-wrap: nowrap;
	    align-items: flex-start;
	    padding: var(--spacing-lg) var(--site-padding);
	}

	section.posts-recent h2 {
	    writing-mode: vertical-lr;
	    padding: 0;
	    padding-right: var(--spacing-sm);
	    padding-top:var(--spacing-xs);
	}

	div.recent-posts {
	    flex: 1 1 100%;
	    min-width: 25%;
	    padding-right: var(--spacing-md);
	}

	section.posts-recent div.ss-newsletter {
		padding-top: 0;
	}

	img.background-stroke {

	    top: 0;
	    left: -10%;
	    width: 120%;
	}

}