html{
	font-size:10px;
}


body{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	width:100vw;
	height:100vh;
	position:relative;
	margin:0;
	padding:0;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	
	font-weight:300;
	line-height:155%;
	font-size:1.7rem;
}

a{
	color:#2D6AA3;
	text-decoration-color:RGBA(45,106,163,0);
	transition:ease 200ms;
	outline:none;
}

a:hover{
	text-decoration-color:RGBA(45,106,163,.5);
}





#container{
	display:flex;
	flex-direction:column;
}

.service__description{
	width: 640px;
	max-width:100vw;
}

.service__error{
	width: 640px;
	max-width:100vw;
	color:#CC0000;
}

.errorColor{
	color:#CC0000;
}


.service__logo{
	margin-bottom: 20px;
}


.service__link,
.form-group{
	display:flex;
	justify-content:space-between;
	width:640px;
	max-width:100vw;
	margin-bottom:28px;
}

.form-group{
	margin-bottom:2px;
}

.form-item{
	display:flex;
	justify-content:flex-start;
	position:relative;

}

.form-item__left{
	flex-grow:1;
	width: -moz-available;
	width: -webkit-fill-available; 
    width: fill-available;
}

.form-item__right{
	flex-grow:0; 
}


.form-item__text{
	display:block;
	position:relative;
	margin:0;
	width: -moz-available;
	width: -webkit-fill-available; 
    width: fill-available;
	padding:10px;
	font-size:18px;
	line-height:100%;
	border:#c0c0c0 solid 1px;
}


.form-item__link{
	display:block;
	position:relative;
	margin:0;
	padding:0;
	padding:10px 20px;
	font-size:18px;
	line-height:100%;
	margin:0 0 0 20px;
}


.form-error-description p{
	margin:0;
	padding:10px 0 0 0;
	color:#BB0000;
	font-size:1.3rem;
	line-height:100%;
}


.form-error .form-item__text{
	border-color:#BB0000;
}




.qr-base{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	margin:30px 0 0 0;
}


.qr_left{
	display:flex;
	flex-grow:1;
	padding:10px 0 0 0;
	margin:0;
}

.qr_right{
	display:flex;
	flex-grow:0;
	padding:10px 0 0 0;
	margin:0;
}