.tabs input[name=tab-control] {display: none;}
.tabs .content section h2,
.tabs ul li label {}
.tabs ul {border-top:1px dashed #eee; border-bottom:1px dashed #eee; list-style-type:none;padding-left: 0; margin:0; display: flex;flex-direction: row;margin-bottom:0px;justify-content: space-between;align-items:center;flex-wrap: wrap;}
.tabs ul li {list-style-type:none; box-sizing: border-box;flex:1; height:100px;width:25%;padding:0 10px; margin:0; text-align: center;}
.tabs ul li.active {background:white;}
.tabs ul li label {transition: all 0.3s ease-in-out;color: #929daf;padding: 5px auto;overflow: hidden;text-overflow: ellipsis;display: block;cursor: pointer;transition: all 0.2s ease-in-out;white-space: nowrap;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.tabs ul li label br {display: none;}
.tabs ul li label svg {fill: #929daf;height: 1.2em;vertical-align: bottom;margin-right: 0.2em;transition: all 0.2s ease-in-out;}
.tabs ul li label:hover, .tabs ul li label:focus, .tabs ul li label:active {outline: 0;color: #bec5cf;}
.tabs ul li label:hover svg, .tabs ul li label:focus svg, .tabs ul li label:active svg {fill: #bec5cf;}






.tabs li label{width:100%;height:100px;position:relative;}
.tabs li img{max-height:80%;max-width:65%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.tabs li:nth-of-type(2) img{margin:auto;}

.tabs li img{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);}
.tabs li.active img{filter:grayscale(0%);-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);}
.tabs {position:relative;}
.tabs .slider .indicator {position: relative;width:100%;max-width:100%;margin: 0 auto; height: 5px;background:#286ae3;border-radius: 1px;}

.tabs .content {padding:5vh 4vw; background:white;}
.tabs .content section{display:none;-webkit-animation-name:content;animation-name:content;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1;line-height:1.4;}

.two-smaller-cols {display:grid;grid-template-columns: auto 33%;grid-column-gap:10vw; grid-row-gap:15px; align-items:end;}
.two-smaller-cols {margin:5vh 0; position:relative}
.two-smaller-cols .column {position:relative;}





@-webkit-keyframes content {
  from {
    opacity: 0;
    transform: translateY(5%);
  }
  to {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes content {
  from {
    opacity: 0;
    transform: translateY(5%);
  }
  to {
    opacity: 1;
    transform: translateY(0%);
  }
}
@media (max-width: 1000px) {
  .tabs ul li label {
    white-space: initial;
  }
  .tabs ul li label br {
    display: initial;
  }
  .tabs ul li label svg {
    height: 1.5em;
  }
}
@media (max-width:800px) {
	.tabs ul li label{padding:5px;border-radius:5px;}
	.tabs ul li label span{display:none;}
	.tabs .slider{display:none;}
	.tabs .content {padding:1.5em;}
	.tabs .content section h2{display:block;}
	
	.tabs ul li {height:50px;width:25%;padding:0;}
	.tabs li label{width:100%;height:50px;position:relative;}
	.tabs li img{max-height:80%;max-width:80%;}
	.two-smaller-cols {margin:0; position:relative; display:block;}
	.tabs .content h4 {font-weight:bold; font-size:100%; padding:0 0 1em;}
}
@media (min-width:801px) {
	.two-smaller-cols .column:last-of-type:before {content:""; width:1px; height:100%; background:#eee; position:absolute; top:0px; left:-5vw;}
	.tabs .content h3 {padding:0 0 1em;}
	.tabs .content h4 {padding:0 0 2em;}
}