body {
	background: #334451;
	color: #FFFFFF;
	font-family: "Work Sans",sans-serif;
	font-size: 4vw;
	padding: 20px;

}

h1 {
  text-align: center;
  font-size: 4vw;
  color: #FFFFFF;
  z-index: 4;
}
p {
	color: #FFFFFF;

	
}
a {
	color: #FFFFFF;
	text-decoration: none;
}

img {
    max-width: 100%;
    max-height: 100%;
}

.logo {
	height: 20vw;
}

.maintext {
	text-align: center;

}

.narrowtext {
	display: inline-block;
	width: 80%;
}

.labelimg {
	display: inline-block;
	max-width: 80%;
}

.spacer {
	margin-top: 5vh;
}

.savebutton {
	border-radius: 5px;
	font-size: 80%;
	padding: 2vw;
  	text-align: center;
  	background: #C0C0C0;
	cursor: pointer;
	
}

.topbar {
	margin-left: 10px;
	margin-right: 10px;
}

.topspace {
	height: 5vh;
}

.setbox {
	display: inline-block;
	background: "#FFFFFF";
	width: 60vw;
	border-radius: 5px;
	padding: 10px;
	vertical-align: middle;
	font-size: 4vw;
}

.setting {
	text-align: center;
	width: 98%;
	margin: 1%;
}

.bottombar {
	margin-top: 3vh;
	padding: 10px;
	color: white;
}