.twoArticlesFullWidth{

}

.twoArticlesFullWidth .content {
	display: flex;
}

.twoArticlesFullWidth .content article {
	display: flex;
	flex-direction: row;
}

.twoArticlesFullWidth .content article h1{
	margin-bottom: 10px;
} 
.twoArticlesFullWidth img {	
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	margin-right: 10px;
	float: left;
}

.twoArticlesFullWidth .content article .img{
	width: 30%;
	overflow: hidden;
	margin-right: 10px;

}

@media screen and (max-width: 425px) {
	.twoArticlesFullWidth img {
		display: none;
	}

	.twoArticlesFullWidth article h1 {
		border-left: 3px solid #821100;
		padding: 0 10px;
	}

	.twoArticlesFullWidth .content article p{
		display: none;
	} 

	.twoArticlesFullWidth .content article .img{
		display: none;
	}
}

@media screen and (max-width: 768px) {
	.twoArticlesFullWidth {
		overflow: hidden;
		clear: both;
	}

	.twoArticlesFullWidth .content {
  		flex-direction: column;
	}

	.twoArticlesFullWidth .content article {
		display: flex;
		flex-direction: row;
		width: 100%;
		margin-bottom: 20px;
	}

	.twoArticlesFullWidth .content article .img{
		width: 30%
	}

	.twoArticlesFullWidth article h1 {
		font-size: 18px !important;
		overflow: hidden;
	}

}

@media screen and (min-width: 769px){
	.twoArticlesFullWidth .content {
  		flex-direction: row;
  		justify-content: space-between;
	}

	.twoArticlesFullWidth .content article{
		width: 49%;
	}

	.twoArticlesFullWidth .content article .img{
		width: 100%;
	}

	.content article h1{
		font-size: 22px;
		overflow: hidden;
	}	

	.content article p{
		overflow: hidden;
	}
}