/*
body{
	background-color: Cornsilk;
}
*/
.article {
    padding: 24px 70px;
    color: #000;
}
.iFrame-fl{
	display:flex;
	flex-flow: row wrap;
/*	justify-content: space-around;*/
}
.iFrame{
	position: relative;
	flex: 1 1 99% ;
	min-height: 500px;
	margin-bottom: 1em;
 }
.iFrame iframe {
    position: abcolute;
    top: 0;
    left: 0;
	width: 100%;
    height: 100%;
}

.article-img-txt{
	display:flex;
	flex-flow: column;
	margin-top: 10px;
}
.article-img{
	flex: 1 1 98% ;
	width: 95%;
}

.row .article-p{
	padding: 0 1em;
}
.article-txt{
	flex: 1 1 50%;
	padding: 1em;
	max-width: 98%;
	font-size: 18px;
}

.article-img img, .article-txt img{
	width: 100%;
	height: auto;
	overflow:hidden;
	border-radius: 20px;	

}

@media (min-width: 769px) {
	.fl-content {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-around;
	}
	.fl-figure {
		flex: 1 1 280px;
		max-width: 265px;
	}
}
@media (min-width: 482px) and (max-width:768px) {
	.fl-content {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-around;
	}
	.fl-figure {
		flex: 1 1 280px;
		max-width: 245px;
	}
}
@media (max-width: 481px) {
	.fl-content {
		display: flex;
		flex-flow: column;
		justify-content: space-around;
	}
	.fl-figure {
	/*	flex: 1 1 280px;*/
		width: 95%;
	}
}
.fl-figure {
		margin: 10px;
		border: inherit;
		padding: 10px 10px;
		background: rgb(235, 235, 235);
		display: flex;
		flex-flow: row wrap;
}
.fl-figure img { border-radius: 20px; }

.fl-figure div.more {margin-top: auto;}