.tablink-jco {
    background-color: #f9f9f9;
    color: black;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    font-size: 17px;
    width: 33.33%;
    font-weight: 1000;
    text-align: center;
  }
  
  /* Change background color of buttons on hover */
  .tablink-jco:hover {
    background-color: #ce3232;
    color: white;
  }
  
  /* Set default styles for tab content */
  .tabcontent-jco {
    color: black;
    display: none;
    padding: 50px;
    text-align: center;
    overflow:auto;
  }

  .ccardsres {
    filter: brightness(25%);
    width: 100%;
    opacity: 0.9;
    border-radius: 20px;
    padding: 10px;
    position: relative;
  }


  .c-container {
    position: relative;
  }
  
  .c-container:hover {
    opacity: 0.5;
    transition: .5s ease;
  }


  .c-text {
  color: white;
  font-size: 1.5em;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}


  /* Style each tab content individually */
  #London {background-color:#f9f9f9;}
  #Paris {background-color:#f9f9f9;}
  #Tokyo {background-color:#f9f9f9;}
  #Oslo {background-color:#f9f9f9;}

  table {
    width: 100%;
    border-collapse: collapse;
  }
  td, th {
    text-align: center;
    padding: 8px;
    color: #141414;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    border-bottom: 1px solid #ddd;
  }
  th {
    font-weight: 800;
  }

  .jco-ulistitem {
    color: #141414;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
  }

@media screen and (max-width: 800px) {

    .tablink-jco {
        background-color: #f9f9f9;
        color: black;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        font-weight: 1000;
        text-align: center;
        font-size: 11px;
        width: 33.33%;
      }
      
      /* Change background color of buttons on hover */
      .tablink-jco:hover {
        background-color: #ce3232;
        color: white;
      }
      
      /* Set default styles for tab content */
      .tabcontent-jco {
        color: black;
        display: none;
        padding: 50px;
        text-align: center;
        overflow:auto;
      }
        .c-text {
  color: white;
  font-size: 1em;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
      
      /* Style each tab content individually */
      #London {background-color:#f9f9f9;}
      #Paris {background-color:#f9f9f9;}
      #Tokyo {background-color:#f9f9f9;}
      #Oslo {background-color:#f9f9f9;}}