<style>
.header{
	text-align: center;
	width: auto;
	text-decoration: underline;
	height:10%;
	position:relative;
	top:20px;
}
h1{
	margin-bottom:5px;
	text-align: center;
}
h2{
	text-align:center;
	text-decoration: underline;
	margin-bottom:2px;
}
p{
	text-align: center;	
	margin-top:2px;
}
a{
	width:auto;
}
.container{
	width:100%;
	height:100%;
}
.test-domain{
	width:50%;
	height:42.1%;
	border-right: 1px solid black;
	float:left;
}
.file-list{
	overflow-y:scroll;
	height:75%;

}
.file-list a {
	display:block;
	position:relative;
	left:3%;
	width:200px;
}
.system-list{
	width:auto;
	height:40%;
}
.sys-links{
	width:auto;
	float:right;
	position:relative;
	right:30%;
}
.sys-links a{
	display:block;
	position:relative;
	right:242%;
}
.system-status{
	width:auto;
	height:40%;
	border-top: 1px solid black;
}
.stats{
	text-align: center;
}
#gauges{
	width:100%;
	display:inline-block;
	height:auto;
	text-align: center;
}
.gauge{
	display:inline-block;
	height: 300px;
	width: 300px;
    position: relative;
    margin-bottom:-40%;
}
}
@media screen and (max-width: 1440px){
	.sys-links{
		right:25%;
	}
}
/*Laptop screen sizes*/
@media screen and (max-width: 1400px){
	.header{
		top:0;
	}

	.sys-links{
		right:24%;	
	}
	.file-list{
		height:69%;
	}
	.gauge{
	display:inline-block;
	height: 200px;
	width: 200px;
    position: relative;
    margin-bottom:-20%;
	}
}

@media screen and (max-width: 1280px){
}

/*Phone screen sizes*/

@media screen and (max-width: 640px){
	.header{
		top:2%;
	}
	h1{
		font-size:23px;
	}
	.test-domain{
		border-right:none;
	}
	.sys-links{
		right:-3%;	
	}
	.file-list{
		height:69%;
	}
	.system-list{
		height:55%;
	}
	.gauge{
	display:inline-block;
	height: 200px;
	width: 200px;
    position: relative;
    margin-bottom:-20%;
	}
}

@media screen and (max-width: 640px){
	.header{
		top:2%;
	}
	h1{
		font-size:23px;
	}
	.sys-links{
		right:-46%;	
	}
	.file-list{
		height:69%;
	}
	.gauge{
	display:inline-block;
	height: 200px;
	width: 200px;
    position: relative;
    margin-bottom:-20%;
	}
	#gauges{
	width:100%;
	display:inline-block;
	height:auto;
	text-align: center;
}
}
@media screen and (max-width: 400px){
	.header{
		top:2%;
	}
	h1{
		font-size:23px;
	}
	.sys-links{
		right:-45%;	
	}
	.file-list{
		height:69%;
	}
}
</style>