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

/* MAIN CONTENT */

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

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

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

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

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


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

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

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

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

.main p.end{
	font-size: calc(24px + (24 - 24)*(100vw - 380px)/(1600 - 380));
	line-height: calc(36px + (36 - 36)*(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(24px + (24 - 24)*(100vw - 380px)/(1600 - 380));
	line-height: calc(36px + (36 - 36)*(100vw - 380px)/(1600 - 380));
	font-weight: 700;
	padding: 0px 0px 0px 0px;
}

/* ACCESSIBILITY MENU */

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

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


/* ACCESSIBILITY MENU */

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

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

a.access{
	font-size: calc(24px + (24 - 24)*(100vw - 380px)/(1600 - 380));
	line-height: calc(24px + (24 - 24)*(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(28px + (28 - 28)*(100vw - 380px)/(1600 - 380));
	line-height: calc(42px + (42 - 42)*(100vw - 380px)/(1600 - 380));
}

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

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

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

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

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

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

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

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