* {
  box-sizing: border-box;
}

body {
	font-family: Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif; 
	font-size: 16px; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: 400; 
	line-height: 18px; 
	
	padding: 0px;
	margin: 0px;
}

h1 { 
	font-family: Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif; 
	font-size: 52px; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: 700; 
	line-height: 52px; 
	margin:10px 0px 10px 0px;
} 

h2 { 
	font-family: Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif; 
	font-size: 26px; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: 900; 
	line-height: 26px; 
	margin: 0px;
	
	border-bottom:1px solid; 
} 

h3 { 
	font-family: Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif; 
	font-size: 26px; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: 700; 
	line-height: 26px;
	margin: 0px 0px 10px 0px;
}

h4 { 
	font-family: Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif; 
	font-size: 18px; 
	font-weight: bold; 
	font-variant: normal; 
	font-weight: 700; 
	line-height: 26px; 
	margin:10px 0px 30px 0px;
}

h5 { 
	font-family: Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	font-variant: normal; 
	font-weight: 700; 
	line-height: 12px; 
	margin: 10px 0px 0px 0px;
}

h6 { 
	font-family: Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	font-color: white;
	font-variant: normal; 
	font-weight: 700; 
	line-height: 12px; 
	padding: 10px;
	margin:0px;
}

h7 { 
	font-family: Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif; 
	font-size: 26px; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: 700; 
	line-height: 26px;
}

 /* unvisited link */
a:link {
  	color: rgb(3,156,136);
  	text-decoration: none;
}

/* visited link */
a:visited {
  	color: rgb(3,156,136);
  	text-decoration: none;
}

/* mouse over link */
a:hover {
  	color: rgb(3,156,136);
	text-decoration: none;
}

/* selected link */
a:active {
  	color: rgb(3,156,136);
	text-decoration: none;
} 

ul {
  list-style-image: url('img/Bullet.png');
}

li {
	margin: 15px 0px 10px 5px;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

[class*="col-"] {
  float: left;
  padding: 15px;
}

.green {
background-color:green;
}

.yellow {
background-color:yellow;
}

/* For mobile phones: */
[class*="col-"] {
  width: 100%;
  
  .expertLogo1 {position:static;}
}

.header {
  background-color: #9933cc;
  color: #ffffff;
  padding: 15px;
}

#disclaimer {
	background-color:black;
	color:white;
}

#button {
	opacity: 0;
	position: fixed;
	top: 0;
	right:0px;
	
	background-color: rgb(2,99,163);
	padding: 10px 20px 10px 20px;
	
	margin: 5px 5px 0px;
}

.button{
	position:relative;

	background-color: rgb(2,99,163);
	border: 1px solid;
	border-radius: 50px;
	padding:10px 30px 10px 30px;
	color:white;
}

.clickable{
	cursor: pointer;
}

.collapsable{
	display: none;
	visibility: hidden;
}

.color-0{
	color: rgb(255,255,255);
}

.color-1{
	color: rgb(2,99,163);
}

.color-2{
	color: rgb(1,111,193);
}

.color-3{
	color: rgb(4,105,139);
}

.color-4{
	color: rgb(3,137,166);
}

.color-5{
	color: rgb(3,153,87);
}

.color-6{
	color: rgb(3,156,136);
}

.color-7{
	color: rgb(3,156,136);
}

.color-8{
	color: rgb(6,255,255);
}

.borderColor-1{
	border-color: rgb(3,156,136);
}

.highlight{

	padding: 20px 0px 0px 30px;
	border-left: 1px solid;
	border-color: rgb(3,137,166);
}

.studied{
	width:100%;
	padding:0px 15px 0px 30px;
	border-bottom:solid 1px black;
}


@media only screen and (min-width: 855px) {
  /* For desktop: */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
  
  .expertLogo1 {
	position: fixed;
	top: 0;
	right: 0;
	}
	
	#disclaimer {
		position:fixed;
		bottom:0;
	}
	
	body {
		margin-bottom: 100px;
	}
	
	.collapsable{
		display: block;
		visibility: visible;
		padding:15px;
	}
	
	#button{
		display: none;
		visibility: hidden;
	}
	
	.studied{		
		padding:45px 0px 0px 0px;

	}
	
	.row{
		padding-top:20px;
	}
	
}