.tabs {
width: 100%;
float: none;
list-style: none;
position: relative;
margin: -100px 0 0 0;
text-align: left;
background: rgba(255, 255, 255, 0.8);
}
.tabs > li {
float: left;
display: block;
}
.tabs input[type="radio"] {
position: absolute;
top: 0;
left: -9999px;
}
.tabs li > label {
display: block;
font-weight: bold;
color: var(--white);
padding: 28px 21px;
border-radius: 2px 2px 0 0;
font-size: 2.0rem;
text-transform: uppercase;    
background: var(--primary-color);
cursor: pointer;
position: relative;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.tabs label:hover {
background: var(--secondary-color);
}
.tabs .tab-content {
z-index: 2;
display: none;
overflow: hidden;
width: 100%;
position: absolute;
background: var(--white);
left: 0;
top:80px;
}
.tabs .tab-content h2 {
font-weight: bold;
font-size: 4rem;
} 
.tabs .tab-content h2 span {
color: var(--secondary-color);
}  
.tabs [id^="tab"]:checked + label {
top: 0;
background: var(--secondary-color);
}
.tabs [id^="tab"]:checked ~ [id^="tab-content"] {
display: block;
}
.tabs li .container-grid-tab{
display: grid !important;
grid-template-columns: repeat(auto-fit, 1fr)!important;
column-gap: 1.2rem;
padding-top:5.8rem;
}
.tabs li .tab-content .tabs-tab-content__content{
padding: 0.5rem 1.5rem;
}
.tabs li .tab-content .tabs-tab-content__image{
padding-top:2.5rem;
}
.tabs li .tab-content .tabs-tab-content__contact-info ul{
padding-left: 1rem;
list-style-type: none;
line-height: 4rem;
}
.youtube{
margin-bottom:30px;
cursor:pointer
}
.youtube img{
width:100%;
top:0;
left:0;
opacity:1;
}
.youtube .play-button{
width:90px;
height:60px;
background-color:#333;
box-shadow:0 0 30px rgba(0,0,0,.6);
z-index:1;
opacity:.8;
border-radius:6px;
}
.youtube .play-button:before{
content:"";
border-style:solid;
border-width:15px 0 15px 26px;
border-color:transparent transparent transparent #fff;
}
.youtube .play-button,.youtube img{
cursor:pointer;
}
.youtube .play-button,.youtube .play-button:before{
top: 102%;
left: 50%;
transform: translate3d(-50%,-153%,0);
}
.youtube iframe{
height:495px;
width:100%;
top:0;
left:0;
background:#e3e3e3;
padding:5px;
}
@media (min-width: 768px){
.tabs li .tab-content .tabs-tab-content__contact-info > p{
margin-top: 7rem;
}
}
@media (min-width:992px){ 
.tabs li .container-grid-tab{
display: grid !important;
grid-template-columns: repeat(2, 1fr)!important;
column-gap: 1.2rem;
}
}
@media (min-width:1200px){ 
}