.modular--content {}

.content__ctn > *:last-child {
	margin-bottom: 0;
}

.content__ctn > *:first-child {
	margin-top: 0;
}

.modular--content twitter-widget{
	margin-left: auto !important;
	margin-right: auto !important;
	margin-top: 3rem !important;
	margin-bottom: 3rem !important;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-left: var(--gutter);
	padding-right: var(--gutter);
}

.modular--content p,
.modular--content h1,
.modular--content h2,
.modular--content h3,
.modular--content h4,
.modular--content h5,
.modular--content h6,
.modular--content form{
	max-width: 650px;
	max-width: var(--width-tight);
	margin-left: auto;
	margin-right: auto;
}

.modular--content form{
	margin-top: 6rem;
	margin-bottom: 6rem;
	margin-top: var(--rythm);
	margin-bottom: var(--rythm);
}

.modular--content .content__ctn>.site{
	padding: 0;
}

.modular--content blockquote>p{
	max-width: none;
}

.modular--content .embed {
	position: relative;
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%;
	margin-bottom: 3rem;
	margin-top: 3rem;
}

.modular--content .embed iframe {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
	border-radius: 4px;
	border-radius: var(--radius-1);

}

@media (min-width: 735px) {
	.modular--content twitter-widget{
		padding-left: 0;
		padding-right: 0;
		transform: translateX(-1rem) !important;
	}
}

.modular--content img{
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	margin-bottom: 3rem;
	margin-top: 3rem;
	overflow: hidden;
	border-radius: 4px;
	border-radius: var(--radius-1);
}

.modular--content figure.image-caption figcaption {
	text-align: center;
    opacity: 0.7;
    font-size: 90%;
    margin-top: -2rem;
    margin-bottom: 2rem;
}

.modular--content video{
	margin-right: auto;
	margin-left: auto;
	max-width: 1400px;
	max-width: var(--width-site);
	width: 100%;
	margin-bottom: 2rem;
	margin-top: 2rem;
	overflow: hidden;
	border-radius: 4px;
	border-radius: var(--radius-1);
}

.modular--content>.tight,
.modular--content>.site{
	padding-bottom: 2rem;
}

.modular--content pre code{
	margin-top: 2rem;
	margin-bottom: 2rem;
    display: block;
    overflow-x: auto;
}

.modular--content ul{
	list-style-type: disc;
	list-style-position: inside;
}

.content--left{
	text-align: justify;
}
.content--center{
	text-align: center;
}
.content--right{
	text-align: right;
}