.teams-container {
	display: flex;
	flex-direction: column;
	margin-right: 1rem;
	margin-left: 1rem;
}

.teams-container .class-row {
	font-size: xx-large;
	border-bottom: 1px solid whitesmoke;
}

.teams-container .team-row {
	margin: 0.25rem;
}

.teams-container .team-row img {
	border-radius: 20%;
}

@media screen and (max-width: 600px) {
	.teams-container {
		margin-right: 0.2rem;
		margin-left: 0.2rem;
	}

	.teams-container .class-row {
		font-size: large;
	}

	.teams-container .team-row {
		font-size: 0.9rem;
	}

	.teams-logo-container {
		width: 40px;
	}

	.teams-logo-container img {
		max-height: 30px;
	}


}