.listitle {
	width:100%;
	padding:4em 0;
	background-color:var(--bezlight);
	position:relative;
}
.listitle h1{
	font-family: 'EB_Garamond', serif!important;
	text-align:center;
	letter-spacing:.1em;
	margin:0;
	color:var(--seadark);
	font-weight:normal;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.mainarticle {
	display:flex;
	justify-content: space-around;
	margin:auto;
	padding:2em 1em;
	gap:4em;
	flex-wrap: wrap;
    flex-direction: row;
}
#content .mainarticle .box .imgcontainer{
	padding:1.15em;
	border-radius:4px;
	border:solid 1px var(--white);
	outline: 1px solid var(--greyd1d1d1);
    outline-offset: -10px;
}
#content .mainarticle .box .imgcontainer img {
	width: 100%;
    height: 100%;
    object-fit: cover;
}
#content .mainarticle .box .text {
	display:block;
	padding:2em 1em;
}
#content .mainarticle .box .text .date{
	display:block;
	width:100%;
	color:var(--bez);
}
#content .mainarticle .box .text h2{
	text-align:left;
	font-weight:normal;
	font-family: 'EB_Garamond', serif!important;
	margin:.5em 0;
	color:var(--seadark);
}
#content .mainarticle .box .text .descr{
	display:block;
	text-align:left;
	font-weight:normal;
	line-height:175%;
	margin:1em 0;
	color:var(--blacklight);
}
#content .mainarticle .box .text a{
	font-family: 'fira-light', serif!important;
	display:block;
	color:var(--seadark);
	text-align:left;
	font-weight:normal;
	line-height:1.5em;
	letter-spacing:.15em;
	margin:1em 0;
}
#content .mainarticle .box .text a:after{
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	font-family: 'FontAwesome';
	content: "\f061";
	margin-left:10px;
	vertical-align:middle;
}
#content .mainarticle .box .text a:hover:after{
	margin-left:40px;
}
@media all and (min-width: 1400px) {
.listitle h1{
	font-size:1.5em;
}
.mainarticle {
	width:1200px;
}
#content .mainarticle .box{
	display:flex;
	-ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
	flex-direction: column;
}
#content .mainarticle .box .imgcontainer{
	height:550px;
}
#content .mainarticle .box .text {
	#height:200px;
	padding:.25em 1em;
}
#content .mainarticle .box .text .date{
	font-size:.85em;
}
#content .mainarticle .box .text h2{
	font-size:3em;
}
#content .mainarticle .box .text .descr{
	font-size:1em;
	line-height:175%;
}
#content .mainarticle .box .text a{
	font-size:.9em;
}
}
@media all and (min-width: 1200px) and (max-width: 1399px) {
.listitle h1{
	font-size:1.5em;
}
.mainarticle {
	width:1050px;
}
#content .mainarticle .box{
	display:flex;
	-ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
	flex-direction: column;
}
#content .mainarticle .box .imgcontainer{
	height:500px;
}
#content .mainarticle .box .text {
	#height:200px;
	padding:.25em 1em;
}
#content .mainarticle .box .text .date{
	font-size:.85em;
}
#content .mainarticle .box .text h2{
	font-size:3em;
}
#content .mainarticle .box .text .descr{
	font-size:1em;
}
#content .mainarticle .box .text a{
	font-size:.9em;
}
}
@media all and (min-width: 1024px) and (max-width: 1199px) {
.listitle h1{
	font-size:1.5em;
}
.mainarticle {
	width:85%;
}
#content .mainarticle .box{
	display:flex;
	-ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
	flex-direction: column;
}
#content .mainarticle .box .imgcontainer{
	height:450px;
}
#content .mainarticle .box .text {
	#height:200px;
	padding:.25em 1em;
}
#content .mainarticle .box .text .date{
	font-size:.85em;
}
#content .mainarticle .box .text h2{
	font-size:2.5em;
}
#content .mainarticle .box .text .descr{
	font-size:1em;
}
#content .mainarticle .box .text a{
	font-size:.9em;
}
}
@media all and (min-width: 768px) and (max-width: 1023px) {
.listitle h1{
	font-size:1.5em;
}
.mainarticle {
	width:90%;
}
#content .mainarticle .box{
	display:flex;
	-ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
	flex-direction: column;
}
#content .mainarticle .box .imgcontainer{
	height:400px;
}
#content .mainarticle .box .text {
	#height:200px;
	padding:.25em 1em;
}
#content .mainarticle .box .text .date{
	font-size:.85em;
}
#content .mainarticle .box .text h2{
	font-size:2.5em;
}
#content .mainarticle .box .text .descr{
	font-size:1em;
}
#content .mainarticle .box .text a{
	font-size:.9em;
}
}
@media all and (min-width: 600px) and (max-width: 767px) {
.listitle h1{
	font-size:1.5em;
}
.mainarticle {
	width:95%;
}
#content .mainarticle .box{
	display:flex;
	-ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
	flex-direction: column;
}
#content .mainarticle .box .imgcontainer{
	height:350px;
}
#content .mainarticle .box .text {
	#height:200px;
	padding:.25em 1em;
}
#content .mainarticle .box .text .date{
	font-size:.85em;
}
#content .mainarticle .box .text h2{
	font-size:2em;
}
#content .mainarticle .box .text .descr{
	font-size:1em;
}
#content .mainarticle .box .text a{
	font-size:.9em;
}
}
@media all and (min-width: 450px) and (max-width: 599px) {
.listitle h1{
	font-size:1.5em;
}
.mainarticle {
	width:100%;
}
#content .mainarticle .box{
	display:flex;
	-ms-flex: 0 0 95%;
    flex: 0 0 95%;
    max-width: 95%;
	flex-direction: column;
}
#content .mainarticle .box .imgcontainer{
	height:300px;
}
#content .mainarticle .box .text {
	#height:200px;
	padding:.25em 1em;
}
#content .mainarticle .box .text .date{
	font-size:.85em;
}
#content .mainarticle .box .text h2{
	font-size:1.75em;
}
#content .mainarticle .box .text .descr{
	font-size:.9em;
}
#content .mainarticle .box .text a{
	font-size:.9em;
}
}
@media all and (max-width: 449px) {
.listitle h1{
	font-size:1.5em;
}
.mainarticle {
	width:100%;
}
#content .mainarticle .box{
	display:flex;
	-ms-flex: 0 0 95%;
    flex: 0 0 95%;
    max-width: 95%;
	flex-direction: column;
}
#content .mainarticle .box .imgcontainer{
	height:250px;
}
#content .mainarticle .box .text {
	#height:200px;
	padding:.25em 1em;
}
#content .mainarticle .box .text .date{
	font-size:.85em;
}
#content .mainarticle .box .text h2{
	font-size:1.75em;
}
#content .mainarticle .box .text .descr{
	font-size:.9em;
}
#content .mainarticle .box .text a{
	font-size:.9em;
}
}