@font-face {
  font-family: 'Harmatten';
  src: url('Harmattan-Regular.ttf');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Harmatten';
  src: url('Harmattan-Medium.ttf');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Harmatten';
  src: url('Harmattan-SemiBold.ttf');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Harmatten';
  src: url('Harmattan-Bold.ttf');
  font-weight: 700;
  font-style: normal;
}



body {
	background-color:#4168bd;
	color:white;
	margin:0;
	text-align:center;
	font-size:1.5em;
 	line-height: 140%;
	font-family: Harmatten;

}
.tagline{

	font-family: Harmatten;
	font-size:2em;
	margin:0em auto 1em auto;

	font-weight:bold;
}
#masthead{
	width:100%;
	margin:0 0 0 0;
	clear:both;
	max-height:30vh;
}
#mhbg{
	width:100%;
	margin:0 0 0 0;
	clear:both;
	//background-color:#ff68bd;
	background-image: url("CSLogobg.svg");
	background-size: cover; 
	background-position: center;
	
}
.page{
	width:100%;
	font-family: Harmatten;
	margin:1em 0 0 0; font-size:1.5em; 
	text-align:center;
}
.text{
	max-width:100vh; 
	margin:auto; 
	text-align:justify;
}

form{
	margin:.5em 0 .5em 0;
}

.textinput{

	font-family: Harmatten;
	font-size:1em;
	border-radius:.5em;	
	border-width:0;

	padding:0 .4em 0 .4em;
	margin:.5em 0 .5em 0 ;
	width:100%;


 	line-height: 100%;

}
.textbox{

	font-family: Harmatten;
	font-size:1em;
	width:100%;
	height:20vh;
	border-radius:.5em;
	border-width:0;
	padding:.2em .4em 0 .4em;
	margin:.5em 0 .5em 0 ;

 	line-height: 100%;
}
.buttoninput{
	color:white;
	font-family: Harmatten;
	clear:both;
	font-size:1em;
	border-radius:.7em;
	border-width:0;
	background:#71b7dd;
	margin:0 0 .5em 0 ;
	padding:.1em .6em 0em .6em;
	font-weight:bold;
}
.buttoninput:hover{

	background:#ddb771;
}

.disclaimer{
	clear:both;
	
	margin:.5em 0 .5em 0 ;
	
	font-size:0.7em
}

.responsepanel{
	max-width:100vh; 
	
	background:white;
	color:black;
	border-radius:2em;
	
	padding:1em;
	text-align:center;

	margin:5vh auto 5vh auto;
}
a {
 
	color:#00ccff;
	text-decoration:none;
}
a:hover{
 
	color:#ffcc00;
}

ul{
	margin:0.2em 0 .5em 0;
}