@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

html {
	font-family: 'Roboto', sans-serif;
	box-sizing:border-box;
	background-color: white;
}

header {
		font-family: 'Roboto', sans-serif;
		font-size:20px;
		box-sizing:border-box;
		text-align: left;
		padding: 1rem;
}

h1 {
		font-family: 'Roboto', sans-serif;
		font-size:20px;
		box-sizing:border-box;
		text-align: left;
		padding: 1rem;
		color: #CDA24D;
}

h2 {
		font-family: 'Roboto', sans-serif;
		font-size:16px;
		box-sizing:border-box;
		text-align: left;
		padding: 1rem;
		color: #CDA24D;
}

h3 {
		font-family: 'Roboto', sans-serif;
		font-size:12px;
		box-sizing:border-box;
		text-align: left;
		padding: 1rem;
		color: #CDA24D;
}

p {
	font-family: 'Roboto', sans-serif;
	font-weight: 300; 
	/*font-size: small;*/
	/*text-align: justify;*/
	padding-left: 1rem;
	padding-right: 1rem;
	line-height: 1.6;
}

ul li {
	font-family: 'Roboto', sans-serif;
	font-weight: 300; 
	/*font-size: small;*/
	/*text-align: justify;*/
	padding-left: 1rem;
	padding-right: 1rem;
	line-height: 1.6;
}

a:link, a:visited {
  color: #cda24d;
  text-decoration: underline;
  cursor: auto;
}

a:link:active, a:visited:active {
  color: black;
}

img {
  max-width: 90%;
  max-height: 90%;
  display: block; /* remove extra space below image */
	margin:auto;
}

td {
	vertical-align: top;
	padding: 10px;
}
	
.icon {
	text-align: left;
	background-color:#aaaaaa;
}

.box {
  width: 250px;        
  border: 5px solid black;
}

.box.large {
  height: 300px;
}

.box.small {
  height: 100px;
}