/* Initialise Fonts */

@font-face {
  font-family: "Concourse";
  src: url("concourse_t3_regular.woff") format("woff");
}

/* General CSS Fixes */

.container {
  display: flow-root;
}

fieldset {
  border: none;
}

/* emplution Styles */

/* General Layout */

html,
body {
  margin: 0;
  font-family: "Concourse", "Segoe UI", Helvetica, Verdana, sans-serif;
  height: 100vh;
  background-color: #f3f5f8;
}

#survey iframe {
  width: 100%;
  height: 94.6vh;
}

#mainNav {
  background-color: #183374;
  height: 5vh;
  min-height: 40px;
  max-height: 60px;
}

.logo {
  width: auto;
  height: 80%;
  float: left;
  left: 10%;
  top: 10%;
  position: relative;
}

#languageselect {
	padding: 10%;
	margin: 10% 5% 10% 5%;
	border-radius: 2rem;
	box-shadow: 0 8px 20px 0 rgba(0,0,0,.2);
	background-color: #fff;
}

#languageselect button {
	border: 1px solid #098765;
	background-color: #f3f5f8;
	cursor: pointer;
	font-family: "Concourse", "Segoe UI", Helvetica, Verdana, sans-serif;
	font-size: 1.12em;
	border-radius: 0.6em;
	padding: 10px;
	margin-right: 1em;
	margin-top: 1em;
	box-shadow: 0 8px 20px 0 rgba(0,0,0,.1);
}

#languageselect button:hover {
	background-color: #098765;
	color: #fff;
}

#languageselect button:hover:disabled {
	cursor: not-allowed;
}

@media (min-width: 1024px) {
	#languageselect {
		padding: 8vh;
		margin: 10vh auto auto auto;
		max-width: 716px;
	}
}

@media (max-width: 482px) {
	#languageselect button {
		min-width: 50%;
		margin-right: 50%;
	}
}