.tabs-container {
    /*top right bottom left*/
    margin:1vw 5.6vw;
    text-align:center;
}
@media(min-width:768px){
    .tabs-container {
        /*margin: 10px 50px 10px 50px;*/
        margin: 1vw 5.6vw;
    }
}

/* Style the tab bar */
.tab {
    overflow: hidden;
    display:inline; /*inline-block;*/
    /*border: 1px solid #ccc;*/
    /*background-color: #f1f1f1;*/
}

/* Style the buttons that are used to open the tab content */
.tab button {
    /*font-family:"Gotham SSm A","Gotham SSm B",Verdana;*/
     color:#fff;
    background-color: #242423; /*#eaeaea;*/ /*#dad9d9;*/ /*#e4e3e0;*/
    /*float: left;*/
    border: none;
    outline: none;
    cursor: pointer;
	width:100%;
    max-width:180px;
    padding: 14px 0px;
    margin:5px 10px 0 0;
    transition: 0.3s;
    vertical-align:text-bottom;
    bottom:4px;
    position:relative;
    z-index:0;
	font-weight:bold;
	font-size:16px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #242423;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #d00000;
	color:#fff;
    z-index:40;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    /*border-top: none;*/
    position:relative;
    top:-8px;
    background-color:#ebebea;
}

@media (prefers-color-scheme: dark) {
	.tabcontent {
	background:#242423
}
}