.speed-test-container {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 20px auto;
	max-width: 900px;
	transition: all .5s ease
}

@media screen and (max-width:730px) {
	.speed-test-container {
		flex-direction: column
	}
}

.meter-container {
	transition: all .5s ease
}

.test-results-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-grow: 1;
	max-width: 550px;
	margin-left: 5px;
	margin-right: 5px
}

@media screen and (min-width:730px) {
	.test-results-container {
		height: 315px;
		margin-left: 30px;
		margin-right: 10px
	}
}

@media screen and (max-width:730px) {
	.test-results-container {
		width: 90%
	}
}

.stats {
	display: flex;
	width: 100%;
	margin-bottom: 40px
}

@media screen and (max-width:450px) {
	.stats {
		flex-wrap: wrap;
		margin-bottom: 10px;
		justify-content: space-around
	}
}

@media screen and (max-width:450px) {
	.stat-hide-450 {
		display: none
	}
}

.stat {
	text-align: center;
	min-width: 150px;
	align-items: center;
	margin-bottom: 20px;
	transform: scale(1)
}

@media screen and (max-width:730px) {
	.stat {
		min-width: 120px
	}
}

.stat-grow {
	flex-grow: 1
}

@media screen and (max-width:450px) {
	.stat-grow {
		flex-grow: 0
	}
}

.stat_heading {
	display: flex;
	font-size: 1.1rem;
	font-weight: 700;
	text-transform: uppercase;
	align-self: center;
	justify-self: center;
	align-items: center;
	justify-content: center
}

.ping-450 {
	display: none;
	align-items: center;
	justify-content: center;
	margin-bottom: 40px
}

@media screen and (max-width:450px) {
	.ping-450 {
		display: flex
	}
}

.ping-450-heading {
	display: flex;
	font-size: 1.1rem;
	font-weight: 700;
	text-transform: uppercase;
	align-items: center
}

.ping-450>div {
	padding-right: .3rem
}

.ping-450-value {
	font-size: 1.1rem
}

.ping-450-unit {
	font-size: 1.1rem
}

.stat_value {
	font-size: 2.5rem
}

.stats_unit {
	font-size: 1.2rem
}

@media screen and (min-width:428px) and (max-width:730px) {
	.stat_value {
		font-size: 2.2rem
	}

	.stat_unit {
		font-size: 1.4rem
	}
}

@media screen and (max-width:428px) {
	.stat_heading {
		font-size: 1rem
	}

	.stat_value {
		font-size: 2rem
	}

	.stat_unit {
		font-size: 1.2rem
	}
}

.selected-server {
	display: flex;
	align-items: start;
	width: 100%;
	padding-bottom: 1rem
}

.selected-server>span {
	padding-right: .2rem
}

.selected-server-info {
	display: flex;
	flex-wrap: wrap;
	width: 100%
}

.selected-server-info>span {
	padding-right: .2rem
}

.test-again-container {
	transition: all .5s ease;
	width: 250px
}

@media screen and (max-width:730px) {
	.test-again-container {
		display: flex;
		justify-content: center
	}
}

@media screen and (min-width:730px) {
	.test-again-container {
		width: 350px
	}
}

.hidden {
	opacity: 0;
	visibility: hidden;
	z-index: -1
}

.absolute {
	position: absolute
}

.gauge-path-background {
	stroke: #d6d6d6;
	stroke-dasharray: 404px;
	stroke-dashoffset: 204px
}

.gauge-path-background-animation {
	animation: gauge-loading-fill .5s
}