/* font-family: 'Roboto', sans-serif; */

html, body{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 300;
}

h1{
	font-family: 'Roboto', sans-serif;
	font-size: 38px;
	font-weight: 700;
	margin-top: 60px;
	margin-bottom: 30px;
}

h3{
	margin-top: 30px;
	margin-bottom: 30px;
	font-family: 'Roboto', sans-serif;
}

p.lead{
	font-weight: 400;
}

.form-calculator{
	text-align: center;
}

input[type=text]{
	width: 100%;
	border: 1px solid #0057A8;
	height: 34px;
	font-size: 14px;
	font-weight: 300;
	padding: 5px;
}

.container{
	max-width: 768px;
}

label{
	font-weight: 700;
	font-size: 16px;
	text-align: right;
	margin-right: 20px;
}

.btn-submit{
	background: #0057A8;
	border-radius: 0px;
	color: #ffffff;
	font-weight: 300;
	font-size: 14px;
	width: 100%;
	max-width: 300px;
	transition: all .3s ease;
	margin-top: 20px;
}

.btn-submit:disabled{
	background: #557ea0;
	cursor: auto;
}

.btn-submit:hover, .btn-submit:focus{
	color: #ffffff;
	background: #006fca;
	transition: all .3s ease;
}

.results-calculation label{
	font-size: 14px;
	font-weight: 300;
	display: inline-block;
	width: 100%;
	width: 300px;
	vertical-align: middle;
	margin-bottom: 0px;
}

.results-calculation label.label-after{
	margin-right: 0px;
	margin-left: 20px;
	text-align: left;
}

.results-calculation input[type=text]{
	font-family: 'Roboto', sans-serif;
	max-width: 95px;
	display: inline-block;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	vertical-align: middle;
}

.results-weights{

}

.results-weights .form-group-inline{
	display: inline-block;
	vertical-align: middle;
}

.results-weights .form-group-inline label{
	display: block;
	margin-right: 0px;
	text-align: center;
}

.results-weights .form-group-inline input[type=text]{
	max-width: 95px;
	font-family: 'Roboto', sans-serif;
	display: inline-block;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	vertical-align: middle;
}

.disclaimer{
	margin-top: 60px;
	margin-bottom: 60px;
	font-size: 12px;
	text-align: justify;
}

@media all and (max-height: 991px){
	.results-calculation label{
		width: 260px;
	}
}
@media all and (max-width: 684px){
	.results-calculation label{
		width: 100%;
		text-align: center;
		margin-bottom: 3px;
		margin-right: 0px;
	}
	.results-calculation label.label-after{
		width: 100%;
		text-align: center;
		margin-left: 0px;
	}
}