.nyelv {
	margin: 5px;
	padding: 5px;
	text-align: center;
}

.foreign {
	font-style: bold;
	padding-bottom: 70px;
}

img.vert {
	vertical-align: baseline;
	width: 50px;
	height: 41px;
	margin: 5px;
	border: 1px solid #cccccc;
}

.row-g {
	display: flex;
	align-items: center;
	margin: 10px 0;
	padding: 8px 0;
	border-radius: 5px;
	gap: 10px;
	justify-content: space-between;
}

.nev {
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	font-weight: 300;
	white-space: nowrap;
}

.col-flag {
	flex: 0 0 5%;
}

.col-name {
	flex: 0 0 auto;
	white-space: nowrap;
	//overflow: hidden;
	//text-overflow: ellipsis;
}

.col-title {
	//width: 75%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.col-audio {
	//flex: 1 1 50%;
}

audio {
	height: 30px;
	//width: 75%;
	border-radius: 25px;
}

@media (max-width: 700px) {
	.row-g {
		flex-direction: column;
		align-items: flex-start;
		background-color: #efefef;
	}

	.col-audio,
	.col-flag,
	.col-name,
	.col-title {
		flex: none;
		width: 100%;
	}

	audio {
		width: 100%;
	}
}

@media (max-width: 1100px) {
	.row-g {
		padding: 8px 0;
	}
}