html {
	font-family: calibri;
	margin-bottom: 10%;
}

body {
	margin: 10%;
}

div h2 {
	margin-top: 3%;
	
}

.headofpage {
	margin-top: 0.5%;
	text-align: left;
}

.main_text {
	text-align: left;
	margin-top: 50px;
	  font-family: 'Open Sans', 'Arial', sans-serif;
  font-size: 18px;
  line-height: 1.6em;
}

.checkbox {
	text-align: center;
	margin-bottom: 4%;
}

.start {
  background-color: #9b233b;
  border: none;
  color: white;
  padding: 20px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin-bottom: 100px;
}

.start:disabled,
.start[disabled=disabled]{
	background-color: #cccccc;
}

.colored {
	color: #9b233b;
}

.stimulus { 
	font-size: 4vw
}

.lex_stimulus {
	font-size: 4vw;
	font-style: italic;
}

.lexresp_buttons {
    font-size: 3.5vw;
    color: #000000;
    height: 6vw;
    width: 9vw;
}