@import url('https://fonts.googleapis.com/css?family=Oxygen:300,400,700&display=swap');

body {
	background:transparent;
}

.container {
    width: auto;
	height: auto;
    max-width: 680px;
}

.progress {
    margin-bottom:0;
    margin-top:6px;
    margin-left:0px;
}

.btn {
	background-color: #0a9af2;
}

.btn.focus {
	background-color: #0a9af2;
    outline:thin dotted #333;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px;
}

.btn.hover {
    background-color: #2660f2; 
	color: #FFFFFF;
}

h1, h2, h3, h4, h5, h6, p, btn, .h1, .h2, .h3, .h4, .h5, .h6, .p, .btn {font-family: 'Oxygen', sans-serif;}
h1, .h1 {font-size: 47px; font-weight: 600; color:#186ea6;}
h2, .h2 {font-size: 28px; font-weight: 600;  color:#186ea6}
h3, .h3 {font-size: 25px; font-weight: 500;  color:#186ea6}
h4, .h4 {font-size: 20px; font-weight: 400;  font-style: italic; color:#666666}
h5, .h5 {font-size: 18px; font-weight: 500;  color:#FFFFFF; text-align: center;}
p, .p 	{font-size: 16px; color:#666666; line-height:1.5; padding-top:10px;}
h6, .h6 {font-size: 24px; font-weight: 600;  color:#FFFFFF; text-align: center;}

#msgBox {
	margin-top:20px;
}

.control-label {
	font-family: 'Oxygen', sans-serif; font-size: 16px; color:#666666; line-height:1.5; padding-top:5px;
}