/*Tabs colourtone*/
.tabs {
  margin-top: 20px;
margin-bottom: 10px;
  padding: 10px;
display: inline-grid;
}
.tabs input {
  display: none;
}
.tabs label {
  display: inline-block;
  padding: 10px 10 10px 10;
  margin: 10px 2px;
  width: 100%; /* =100/tabs number */
  border-bottom: 1px muted #000;
  text-align: center;
	background-color: antiquewhite;
	align-content:space-between;

}
.tabs label:hover {
  cursor: pointer;
	color: white;
	background-color: black;

}
.tabs input:checked + label {
  border: 1px solid #000;
	 padding-top: 5px;
	padding-bottom: 10px;
	color: white;
	background-color: darkslategrey;
}
.tabs #tab1:checked ~ .content #content1,
.tabs #tab2:checked ~ .content #content2,
.tabs #tab3:checked ~ .content #content3,
.tabs #tab4:checked ~ .content #content4,
.tabs #tab5:checked ~ .content #content5,
.tabs #tab6:checked ~ .content #content6,
.tabs #tab7:checked ~ .content #content7,
.tabs #tab8:checked ~ .content #content8
{
  display: block;
}
.tabs .content > div {
  display: none;
  padding: 10px;
  text-align: left;
  overflow: visible;


}
.split-sentence {
  display: flex;
  justify-content: space-between;
  width: 100%;
}