* {
  scroll-behavior: smooth;
}
table {
  font-weight: 600;
}

table td {
  padding: 1rem;
}
/* header elements */
header {
  width: 100%;
  margin: 0 auto;
  min-height: 67px;
  font-family: Akhand;
}

header div {
  text-align: -webkit-center;
  background: #23323d;
  min-height: 67px;
}

header div div {
  /* height: 8vh; */
  min-height: 67px;
  text-align: -webkit-center;
}

header div div a {
  width: 18vw;
  min-width: 85px;
  min-height: 45px;
}

header div div a img {
  max-height: 110%;
  min-width: 85px;
  min-height: 45px;
}

footer {
  width: 100%;
  margin: auto auto 0 auto;
  clear: both;
}

footer div {
  padding: 0.5rem 1.5rem;
  background: #23323d;
}

footer div div {
  font-family: Arial, sans-serif;
  font-size: 0.7rem;
  color: #fff;
}

footer div div div.col-8 {
  margin: auto;
}

footer div div div.col-4 {
  padding: 0px 0px 0px 1.5rem;
}

a.responsive-button {
  min-width: 1.3rem;
  min-height: 1.3rem;
  float: right;
  width: 2vw;
}

a img.responsive-social-medias {
  min-width: 1.3rem;
  min-height: 1.3rem;
  width: 80%;
  height: auto;
}

article {
  padding: 5vh 20vw;
  counter-reset: h2counter;
  counter-reset: h1counter;
}

article h1 {
  counter-reset: h2counter;
}

article h1:before {
  content: counter(h1counter) ".\0000a0\0000a0";
  counter-increment: h1counter;
}

article h2 {
  counter-reset: h3counter;
}

article h2:before {
    content: counter(h1counter) "." counter(h2counter) ".\0000a0\0000a0";
    counter-increment: h2counter;
}
article h3:before {
    content: counter(h1counter) "." counter(h2counter) "." counter(h3counter) ".\0000a0\0000a0";
    counter-increment: h3counter;
}

article ul {
  list-style: auto;
}

article a {
  border: 1px solid #ccc;
  background: #23323d;
  color: #fff;
}

#goToTopButton {
  display: none;
  position: fixed;
  right: 20px;
  z-index: 99;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 15px;
  border-radius: .215rem;
  transition: bottom .5s ease;
}