.whatsnew-wrap .flex {
	margin: 3em 0;
	justify-content: space-between;
    flex-direction: row;
}
.whatsnew-wrap .wrap .twitter-area {
	width: 48%;
}
.whatsnew-wrap .wrap .whatsnews-area {
	width: 48%;
}

.blog-area {
	display: flex;
	flex-direction: column;
	margin: 1em 0 3em 0;
    line-height: 1.8;
    font-size: 18px;
    align-items: flex-start;
}
.blog-area h3 {
	display: flex;
	background-color: #347988;
	color: #fff;
	justify-content: center;
	align-items: center;
	padding: 0.2em 0.5em;
	margin-right: 0.5em;
	margin-bottom: 1em;
	font-weight: bold;
	white-space: nowrap;
}
.blog-area div {
	display: flex;
	justify-content: center;
	align-items: center;
    align-items: flex-start;
	padding: 0.2em;
}
.blog-area div#rss span {
	white-space: nowrap;
}
.blog-area div#rss ul li {
	display: flex;
	margin-bottom: 1em;
}
.blog-area div#rss ul li span {
	white-space: wrap;
}
.blog-area div#rss ul li span.date {
	margin-right: 1em;
}
.xbanner a {
	display: inline-block;
	padding: 0.5em 3em 0.5em 1em;
	border: 1px solid #ccc;
	position: relative;
}
.xbanner a:before {
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    position: absolute;
    right: 1em;
    top: calc(50% - 0.65em);
    color: #347988;
    font-weight: 600;
}
@media screen and (max-width: 1500px) {
	.whatsnew-wrap .flex {
		/*width: 95%;*/
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (max-width: 992px) {
	.blog-area {
		margin: 2em 0;
	}
	.whatsnew-wrap .row.flex {
        margin: 0 0 3em 0;
    }
	.whatsnew-wrap .wrap .twitter-area {
		width: auto;
	}
	.whatsnew-wrap .wrap .twitter-area .twitter-timeline {
		margin-left: auto;
		margin-right: auto;
	}
	.whatsnew-wrap .wrap .whatsnews-area {
		width: auto;
		margin-bottom: 3em;
	}
	.blog-area {
		flex-direction: column;
	}
	.blog-area div {
		flex-wrap: wrap;
		justify-content: flex-start;
	}

}

#youtube-channel {
	margin-top: 1em;
}
#youtube-channel .col {

}
#youtube-channel .btn {
	
}
#youtube-channel p {
	margin-top: 1em;
	background-color: #def1ff;
	padding: 1em;
	border-radius: 10px;
}
@media screen and (max-width: 992px) {
	#youtube-channel {
		margin-top: 2em;
	}
	#youtube-channel .btn {
		margin-bottom: 0;
	}
}