body .container {
	padding: 0;
}

.content {
	padding: 1.5rem 5% 4.5rem 5%;
}

button {
	font-size: 1.2rem;
}

.container.padded {
	padding: 2rem;
}

.navbar {
	padding: 0;
	height: 4rem;
}

.navbar .container {
	background: rgb(0, 200, 200);
	color: rgb(0, 0, 100);
	height: 100%;
	padding-left: 2rem;
	padding-right: 2rem;
}

.navbar .navbar-brand {
	text-align: center;
	width: 100%;
	margin: 0;
}

div.container a.navbar-brand img {
	height: 50px;
	margin: 0;
}

.user_info {
	background: rgb(209, 236, 241);
	color: rgb(0, 0, 100);
	padding: 0.5rem 1rem;
	text-align: right;
}

.user_info form {
	display: inline-block;
	margin-left: 2rem;
}

.user_info a {
	margin-left: 2rem;
	color: inherit;
}

.navbar a {
	color: inherit;
}

body > .container {
	padding-top: 4rem;
}

.form-control {
	display: inline-block;
	width: 100%;
}

.form-base {
	margin: 1.5rem 0;
}

.form-comment {
	margin: 2rem 0;
}

h1 {
	text-align: center;
	font-size: 2rem;
	font-weight: 700;
	padding: 1rem;
}


.form-wrapper {
	width: 90%;
	max-width: 800px;
	margin: auto;
	padding-bottom: 2rem;
}

.language-selection h2 {
	text-align: center;
	margin: 1rem;
}

.language-selection form {
	float: left;
	width: 50%;
	text-align: center;
}

.language-selection form input[type=image] {
	max-width: 80%;
	max-height: 250px;
}

.question-wrapper {
	width: 90%;
	margin: 0 auto;
}

.timeline-item {
	border: solid thin black;
	display: inline-block;
	background: white;
	height: 1rem;
}

.question-timeline {
	width: 90%;
	float: left;
	height: 50px;
}

.question-help {
	width: 10%;
	float: right;
	height: 50px;
	position: relative;
	cursor: pointer;
	padding-left: 1rem;
}

.question-help svg {
	width: 50px;
	height: 50px;
}

.help-tooltip {
	position: absolute;
	display: none;
	background: rgb(0, 200, 200);
	color: #FFFFFF;
	top: 50px;
	right: 2rem;
	width: 300px;
	padding: 0.5rem;
	z-index: 100;
	cursor: auto;
}

.tooltip-close {
	float: right;
	cursor: pointer;
}

.answer-base-item {
	display: inline-block;
	text-align: center;
	width: 19%;
}

#really-submit {
	margin-top: 2rem;
	display: none;
	text-align: center;
}

#really-submit button {
	margin-top: 0.5rem;
}

footer {	
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
}

footer .container {
	background: rgb(0, 200, 200);
	padding: 0.5rem 5%;
}

footer a {
	color: rgb(255, 255, 255);
	font-weight: 500;
	display: inline-block;
	max-width: 40%;
	width: 150px;
}

footer a:hover {
	text-decoration: none;
}

@media (max-width: 1023px) {
	.question-help {
		padding-left: 0.5rem;
	}
	
	.question-help svg {
		width: 25px;
		height: 25px;
	}
	
	.answer-base-item {
		display: block;
		text-align: center;
		width: 100%;
	}
	
	.answer-base-item label {
		display: inline-block;
		margin: 1rem;
	}
}