.main {
	margin: 0 5%;
}

.cryptos_menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	margin: 50px auto;
}

.cryptos_menu div {
	display: flex;
	flex: 0 0 50%;
	max-width: 50%;
	margin: 5px 0;
	justify-content: start;
}

.cryptos_menu div a {
	display: flex;
	align-items: center;
	padding-right: 10px;
}

.cryptos_menu div a:hover {
	background-color: lightblue;
}

.cryptos_menu div img {
	height: 42px;
	width: 50px;
}

@media (max-width: 639px) {
	.cryptos_menu {
		max-width: 340px;
	}
}

@media (min-width: 640px) {		
	.main {
		margin: 0 10%;
	}	
	.cryptos_menu div {
		flex: 0 0 25%;
		max-width: 25%;
		margin: 5px 0;
		justify-content: center;
	}
}

@media (min-width: 640px) and (max-width: 719px) {
	.cryptos_menu div:nth-child(n+5):nth-child(-n+7) {
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}
	.cryptos_menu div:nth-child(n+8) {
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media (min-width: 720px) {
	.cryptos_menu {
		min-width: 500px;
	}
	.cryptos_menu div {
		justify-content: start;
		flex: 0 0 33.33%;
		max-width: 33.33%;
		margin: 10px 0;
	}
}

@media (min-width: 800px) {
	.cryptos_menu {
		width: 600px;
	}
}

@media (min-width: 1000px) {
	.cryptos_menu {
		width: 800px;
	}
	.cryptos_menu div {
		flex: 0 0 20%;
		max-width: 20%;
		justify-content: center;
		margin: 15px 0;
	}
}