@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&family=Roboto:wght@300;400;700&display=swap');

body {
    display: block;
    margin: auto;
    width: 100%;
    box-sizing: border-box;
    font-size: 100%;
    font-family: 'Open Sans', sans-serif;
}

clearfix:after {
    content: ".";
    clear: both;
    visibility: hidden;
    display: block;
    height: 0;
}

strong {
    font-weight: 700;
}

.page_content {
	display: block;
    margin: auto;
    width: 95%;
    box-sizing: border-box;
	
}

.channels_panel {
	display: block;
    margin: auto;
    width: 100%;
    box-sizing: border-box;
}

.channel_logo {
	display: block;
    margin: auto;
    width: 10%;
    box-sizing: border-box;
	float: left;
	vertical-align: middle;
}



.items_panel {
	display: block;
    margin: auto;
    width: 100%;
    box-sizing: border-box;
}

.item_block .item_content {
	display: block;
	margin: auto;
	width: 90%;
}

.item_block .item_content .icon {
	display: block;
	margin: auto;
	width: 100%;
	margin-bottom: 0.5em;
}

.item_block .item_content .item_top_block .title_block .title {
	font-weight: 700;
	font-family: 'Roboto Condensed', sans-serif;
	margin-bottom: 0.25em;
	line-height: 110%;
}

.item_block .item_content .item_top_block .title_block .title a {
	text-decoration: none;
	color: #708090;
}
	
@media screen and (max-width: 576px) {
	.item_block {
		display: block;
		margin: auto;
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 2em;
	}

	.item_block .item_content .item_top_block {
		display: table;
		margin: auto;
		width: 100%;
	}
	
	.item_block .item_content .item_top_block .title_block {
		display: table-cell;
		margin: auto;
		width: 85%;
		vertical-align: top;
	}
	
	.item_block .item_content .item_top_block .title_block .title {
        font-size: 1.4em;
	}
	
	.item_block .item_content .item_top_block .channel_block {
		display: table-cell;
		margin: auto;
		width: 15%;
		vertical-align: top;
	}
	
	.item_block .item_content .item_top_block .channel_block .channel_link {
		
	}
	
	.item_block .item_content .item_top_block .channel_block .channel_link .channel_logo {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	
	.item_block .item_content .description {
		display: block;
		margin: auto;
		width: 100%;
		font-size: 1.16em;
		font-family: 'Open Sans', sans-serif;
		line-height: 110%;
		margin-bottom: 0.5em;
	}
	
	.item_block .item_content .item_bottom_block {
		display: block;
		margin: auto;
		width: 100%;
	}
	
	.item_block .item_content .item_bottom_block .categories {
		display: block;
		margin: auto;
		width: 100%;
	}
	
	.item_block .item_content .item_bottom_block .categories .category {
		display: inline;
		margin-right: 1em;
		background-color: #E5E4E2;
		line-height: 175%;
		border-radius: 0.25em;
		padding: 0.25em;
	}
	
	.item_block .item_content .item_bottom_block .categories .category a {
		text-decoration: none;
		color: #708090;
		font-weight: 500;
	}
}

@media screen and (min-width: 576px) and (max-width: 768px) {
	.item_block {
		display: block;
		margin: auto;
		width: 50%;
		box-sizing: border-box;
		margin-bottom: 3em;
	}
	
	.item_block .item_content .title {
        font-size: 1.25em;
	}
}

@media screen and (min-width: 769px) and (max-width: 992px) {
	.item_block {
		display: block;
		margin: auto;
		width: 33%;
		box-sizing: border-box;
		margin-bottom: 3em;
	}
	
	.item_block .item_content .title {
        font-size: 1.25em;
	}
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
	.item_block {
		display: block;
		margin: auto;
		width: 25%;
		box-sizing: border-box;
		margin-bottom: 3em;
	}
	
	.item_block .item_content .title {
        font-size: 1.25em;
	}
}

@media screen and (min-width: 1200px) {
	.item_block {
		display: block;
		margin: auto;
		width: 16.6%;
		box-sizing: border-box;
		margin-bottom: 3em;
	}
	
	.item_block .item_content .title {
        font-size: 1.25em;
	}
}