.tabs {
    margin: 0 auto;
    padding: 0 ;
  }
  #tab-button {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  #tab-button li a {
    display: block;
    padding: .5em;
    background: #eee;
    border: 1px solid #ddd;
    text-align: center;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
  }
  #tab-button li:not(:first-child) a {
    border-left: none;
  }
  #tab-button li a:hover,
  #tab-button .tab-button__link__active a {
    border-bottom-color: transparent;
    background: #d48100;
    border-color: #d48100;
    color: #fff;
    
  }
  .tab-contents {
    padding: .5em 2em 1em;
    border: 1px solid #fff;
  }
  

  @media screen and (min-width: 768px) {
    .tab-button-outer {
      position: relative;
      z-index: 2;
      display: block;
    }
    .tab-select-outer {
      display: none;
    }
    .tab-contents {
      position: relative;
      top: -1px;
      margin-top: 0;
      background: #fff;
    }
  }