body{
background:#000;
font-family:helvetica;
color:#ede8e8;
}

a{
color:#fff;
font-weight:bold;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}


.page{
display: block;
width:75%;
min-height:100%;
margin: 30px auto;
padding:10px;
border:1px solide #d2d2d2;
border-radius:25px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.header{
margin:10px 5px;
background-image:url("dave-carr-consulting.png");
background-repeat:no-repeat;
background-position:center;
background-size:contain;
height:35%;
}

.content{
margin:0px 30px;
padding:10px;
text-align:justify;
}

.collapsible {
  background-color:#000;
border:1px solid #575d66;
  color: #a8def3;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 23px;

}

.collapsible ul{
  column-count:2;
}

.collapsible:hover {
  background-color: RGBA(33, 33, 33,0.8);
  color:#ede8e8;;
  border:4px inset #212121;
}
.active, active:hover{
color:#fff !important;
font-weight:bold  !important;
border:1px solid black  !important;
background:#000 !important;
}

.c-content {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: RGBA(33, 33, 33,0.8);
}