/* Videos Grid */

#videos {
	margin: 0 auto;
	border: 0;
	padding: 0;
	width: 800px;
}

.row {
	display: flex;
}

.col1,
.col2 {
	display: flex;
}

.video {
	padding: 5px;
	width: 190px;
}

.video img {
	width: 190px;
}

@media screen and (max-width: 800px) {
	#videos {
		width: 100%;
	}
	#videos-grid {
		width: 400px;
	}
	.col1,
	.col2 {
		display: block;
	}
}

/* Videos Sort / Filter */

#sort-and-filter-toggle {
	display: none;
}

#videos-form {
	margin: 0;
	border: 0;
	padding: 5px;
}

input[type="radio"] {
	display: none;
}

label {
	display: inline-block;
	margin: 0 5px 5px 0;
	border: 1px solid #224499;
	padding: 5px;
	border-radius: 5px;
	color: #224499;
	background-color: #ffffff;
	text-align: center;
	height: 18px;
}

label.sort {
	width: 54px;
}

label.page {
	width: 28px;
}

input[type="radio"]:checked+label {
	color: #ffffff;
	background-color: #224499;
}

.pager {
	margin: 0 auto;
	width: 800px;
}

@media screen and (max-width: 800px) {
	#sort-and-filter-toggle {
		display: block;
		font-size: 18px;
	}
	#sort-and-filter {
		display: none;
	}
	.pager {
		width: 100%;
	}
}