html,body {
  height: 100%;
}

body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	color: #242424;
	margin: 0;
	padding: 0;
}

.wrapper{
	background-color: #ebedf7;
}

.logo{
	width:  150px;
	height: 100px;
}

.qrimg{
	width: 180px;
}

.qrtext{
	background-color: #ffffff;
}

.form-bg{
	background-color: #ffffff;
	border-radius: 10px;
}

.successmsg{
	background-color: #d4edda;
	color: #4d7749;
	border-radius: 10px;
	font-size: 18px;
}

.line {
	height:2px; 
	border:none;
	color: #ebedf7;
	background-color:#ebedf7;
}

.failmsg{
	background-color: #f8d7da;
	color: #8c382b;
	font-size: 18px;
	margin-top: 20px;
}

@media (max-width: 768px) {
  .fill{
	flex-grow: 1!important;
  }
}