html,
body{
	height: 100%;
}

#cover {
	/*background: #fff url('') center center no-repeat;
	background-size: cover;
	height: 100%;
	text-align: center;
	display: flex;
	align-items: center;*/
}

#cover-caption {
	width: 100%;
}


.col-centered{
	margin: 0 auto;
	float: none;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 580px;
}


.text-error {
	display: inline-block;
	width: 100%;
	margin-top: 5px;
	padding-right: 15px;
	/*text-align: right;*/
	color: #ed424a;
	font-size: 12px;
	font-weight: 700
}


.result-text {
	color: #ed424a;
	font-weight:  bold;
	font-size: xx-large;
}

.title-text {
	font-weight: bolder;
	font-size: xx-large;
}

.langs {
	display: flex;
	justify-content: flex-end
}