.tz-converter__inner {
	display: flex;
	margin: 0 -0.5rem;	
}

.tz-converter__inner > div {
	margin: 0 0.5rem;	
}

.tz-converter label span {
	display: block;
}

.tz-converter select {
	width: 50px;
	color: #555;
	margin-bottom: 0;
}

.tz-converter__number,
.tz-converter__period {
	flex-shrink: 0;
}

.tz-converter__zone {
	flex-grow: 1;
}

.tz-converter__zone select {
	width: 100%;
}

.tz-converter,
.tz-converter__result {
	padding: 1rem;
	background-color: #f2f2f2;
	margin: 0 0 1rem;
	max-width: 40rem;
}

.tz-converter__result,
.tz-converter__intro {
	font-size: 1rem;
	margin-bottom: 1rem;	
}

@media screen and (max-width: 600px) {
	.tz-converter__inner {
		flex-wrap: wrap;		
	}	

	.tz-converter__inner div.tz-converter__zone {
		margin-top: 1rem;
	}
}