@import url('https://fonts.googleapis.com/css2?family=Montserrat');
html, body{
    font-family: 'Montserrat';
    background-color: #ffffff;
    overflow-x: hidden;
    /* overflow-y: hidden; */
    scroll-behavior: smooth;
}
hr.solid {
  border-top: 3px solid #535353;
  width: 80%;
}
.text{
    -webkit-transition: all 1s ease; transition: all 1s ease;
    font-size: 46px;
    color: black;
    text-align: center;
    opacity: 0;
    margin-bottom: 100px;
}
.footer{
    -webkit-transition: all 1s ease; transition: all 1s ease;
    font-size: 36px;
    color: black;
    text-align: center;
    margin-bottom: 100px;
}
.logos{
    height: 65px;
}
.showme {
  opacity:1!important;
}
.logoc{
    width: 100%;
    height: 60vh;
    display: flex;
    align-items: center;
    align-content: center;
    -webkit-transition: ease 2.0s; transition: ease 2.0s;
}
.logo{
    -webkit-transition: all 1s ease; transition: all 1s ease;
    width: 37.5%;
    margin: 0 auto;
    margin-top: -50px;
    display: block;
}
.hidden{
    display: none !important;
}
.row {
  display: flex;
}
.column {
  flex: 50%;
}
.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
-webkit-transition: all 1s ease; transition: all 1s ease;
  opacity: 0;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  top: -5px;
  left: 110%;
}

.tooltip:hover .tooltiptext {
  opacity: 1;
}
a {
-webkit-transition: all 1s ease; transition: all 1s ease;
  color: inherit;
  text-decoration: none;
}
@media only screen and (max-device-width: 820px){
    .logo{
        width: 70%;
    }

    td, th {
        display: block;
    }
    .logoc{
      height: 30vh;
      padding-bottom: 50px;
    }
    td[th]:before  {
        content: attr(th);
    }
    td{
      width: 100% !important;
      text-align: center;
    }
    .logos{
      height: 45px;
      max-width: 250px;
    }
    .text{
      font-size: 25px;
      margin-bottom: 0;
      margin-top: 50px;
    }
    .footer{
      font-size: 25px;
    }
}


/*Credit */
.credit {
  text-decoration:none;
  color: inherit;
  transition: background 0.1s cubic-bezier(.33,.66,.66,1);
}
.credit:hover {
  background: #000000;
  color: #ffffff;
}