@charset "UTF-8";
/* MEDIUM FONTS */

/* MAIN CONTENT */

.main h1 {
	font-size: calc(28px + (28 - 28)*(100vw - 380px)/(1600 - 380));
	line-height: calc(42px + (42 - 42)*(100vw - 380px)/(1600 - 380));
	padding: 10px 30px 10px 30px;
}

.main h2 {
	font-size: calc(28px + (28 - 28)*(100vw - 380px)/(1600 - 380));
	line-height: calc(42px + (42 - 42)*(100vw - 380px)/(1600 - 380));
	padding: 10px 30px 10px 30px;
}

.icon p{
	font-size: calc(20px + (20 - 20)*(100vw - 380px)/(1600 - 380));
	line-height: calc(30px + (30 - 30)*(100vw - 380px)/(1600 - 380));
	padding:0;
	margin:0;
	font-weight: 700;
	text-align: center;
}
.main h3 {
	font-size: calc(20px + (20 - 20)*(100vw - 380px)/(1600 - 380));
	line-height: calc(30px + (30 - 30)*(100vw - 380px)/(1600 - 380));
	padding: 30px 30px 0px 30px;
}

.main h4 {
	font-size: calc(20px + (20 - 20)*(100vw - 380px)/(1600 - 380));
	line-height: calc(30px + (30 - 30)*(100vw - 380px)/(1600 - 380));
	padding: 30px 30px 0px 30px;
}

.main p {
	font-size: calc(20px + (20 - 20)*(100vw - 380px)/(1600 - 380));
	line-height: calc(30px + (30 - 30)*(100vw - 380px)/(1600 - 380));
	padding: 30px 30px 0px 30px;
}

.answerOption {
	font-size: calc(20px + (20 - 20)*(100vw - 380px)/(1600 - 380));
	line-height: calc(30px + (30 - 30)*(100vw - 380px)/(1600 - 380));
	padding: 0px 0px 0px 30px;
}

.main ul{	
	font-size: calc(20px + (20 - 20)*(100vw - 380px)/(1600 - 380));
	line-height: calc(30px + (30 - 30)*(100vw - 380px)/(1600 - 380));
	padding: 0px 0px 0px 60px;
}

.main li{	
	padding: 20px 0px 0px 0px;
}

.main table {
	font-size: calc(20px + (20 - 20)*(100vw - 380px)/(1600 - 380));
	line-height: calc(30px + (30 - 30)*(100vw - 380px)/(1600 - 380));
}

.main p.end{
	font-size: calc(20px + (20 - 20)*(100vw - 380px)/(1600 - 380));
	line-height: calc(30px + (30 - 30)*(100vw - 380px)/(1600 - 380));
	padding: 0px 30px 35px 30px;
}

.main p.bold{
	font-weight: 700;
}

.main p.italic{
	font-style: italic;
}

/* ICONS */

.icon h2 {
	
	font-size: calc(20px + (20 - 20)*(100vw - 380px)/(1600 - 380));
	line-height: calc(30px + (30 - 30)*(100vw - 380px)/(1600 - 380));
	font-weight: 700;
	padding: 0px 0px 0px 0px;
}


/* ACCESSIBILITY MENU */

h2.access {
	font-size: calc(20px + (20 - 20)*(100vw - 380px)/(1600 - 380));
	line-height: calc(20px + (20 - 20)*(100vw - 380px)/(1600 - 380));
	margin: 0px 0px 0px 0px; 
	padding: 30px 30px 30px 30px;
}

h3.access {
	font-size: calc(20px + (20 - 20)*(100vw - 380px)/(1600 - 380));
	line-height: calc(20px + (20 - 20)*(100vw - 380px)/(1600 - 380));
	margin: 0px 0px 0px 0px; 
	padding: 30px 30px 30px 30px;
}


/* ACCESSIBILITY MENU */

.accessMain {
	font-size: calc(20px + (20 - 20)*(100vw - 380px)/(1600 - 380));
	line-height: calc(20px + (20 - 20)*(100vw - 380px)/(1600 - 380));
	font-weight:700;
	margin: 0px 0px 0px 0px; 
	padding: 25px 30px 25px 30px;
}

.accessSub {
	font-size: calc(20px + (20 - 20)*(100vw - 380px)/(1600 - 380));
	line-height: calc(20px + (20 - 20)*(100vw - 380px)/(1600 - 380));
	font-weight:700;
	margin: 0px 0px 0px 0px; 
	padding: 25px 30px 25px 30px;
}

a.access{
	font-size: calc(20px + (20 - 20)*(100vw - 380px)/(1600 - 380));
	line-height: calc(20px + (20 - 20)*(100vw - 380px)/(1600 - 380));
	margin: 0px 0px 0px 0px; 
	padding: 25px 30px 25px 30px;
}


/* ACCESSIBILITY MENU - OVERLAY CONTROLS */

a.overlay {
  padding: 8px;
  font-size: 36px;
 
}

.overlay .closebtn {
  top: 20px;
  right: 45px;
  font-size: 60px;
}

.startBtn {
	font-size: calc(24px + (24 - 24)*(100vw - 380px)/(1600 - 380));
	line-height: calc(36px + (36 - 36)*(100vw - 380px)/(1600 - 380));
}

.courseSubtitle h2{
	font-size: calc(1.5em + (1.5 - 0.75)*(100vw - 380px)/(1600 - 380));
	font-weight: 500;
}

.courseTitle h1{
	font-size: calc(2em + (2.0 - 1.0)*(100vw - 380px)/(1600 - 380));
	font-weight: 700;
}

.submitBtn {
	font-size: calc(24px + (24 - 24)*(100vw - 380px)/(1600 - 380));
	line-height: calc(36px + (36 - 36)*(100vw - 380px)/(1600 - 380));
}

.feedback {
	font-size: calc(20px + (20 - 20)*(100vw - 380px)/(1600 - 380));
	line-height: calc(30px + (30 - 30)*(100vw - 380px)/(1600 - 380));
}

.feedback1 {
	font-size: calc(20px + (20 - 20)*(100vw - 380px)/(1600 - 380));
	line-height: calc(30px + (30 - 30)*(100vw - 380px)/(1600 - 380));
}

input[type='checkbox'] {
    width: 35px;
    height: 35px;
}

input[type='radio'] {
    width: 35px;
    height: 35px;
}

label {
	font-size: calc(24px + (24 - 24)*(100vw - 380px)/(1600 - 380));
	font-weight:700;
}