body {
  overflow-x: hidden;
  /* Hide scrollbars */
}

.ff{
  text-align: justify;
  text-justify: inter-word;
}

img {
  height: 50%;
  max-width: 50%;
}

.h {
  -webkit-text-stroke: 3px #06BBCC;
}

.h:hover {
  -webkit-text-stroke: 3px rgba(24, 29, 56, .7);
}

.jh:hover {
  -webkit-text-stroke: 1px #06BBCC;
}

.jh {
  -webkit-text-stroke: 1px rgba(24, 29, 56, .7);
}

.t:hover {
  -webkit-text-stroke: 1px rgba(24, 29, 56, .7);
}

.jt:hover {
  -webkit-text-stroke: 1px #06BBCC;
}

.jt2:hover {
  -webkit-text-stroke: 0.3px white;
}

.bd {
  border: 10px solid #06BBCC;
}

.bd:hover {
  border: 5px solid rgba(24, 29, 56, .7);
}

.ul {
  text-decoration: underline #06BBCC;
}

.ul1:hover {
  text-decoration: underline #06BBCC;
}

.bg {
  background-color: #06BBCC;
}

.bg:hover {
  background-color: rgba(24, 29, 56, .7);
}

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td,
th {
  border-bottom: 2px solid rgba(55, 142, 181, 0.9);
  text-align: center;
  padding: 8px;
}

#th {
  color: black;
  background-color: rgba(55, 142, 181, 0.9);
}

/* Small devices (phones, 576px and up) */

@media (max-width: 600px) and (min-width:320px) {

  .row h4 {
      font-size: 20px;
  }

  .row h5 p, .button1 {
      font-size: 7px;
  }
} 

/* button  */
@media all and (max-width:30em) {
  .button1 {
      display: block;
      margin: 0.4em auto;
  }
}