:root {
  --max-width: 1200px;
  --highlight-color: #d3a656;
}

body {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
}

ul,
li,
* {
  list-style: none;
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: "Euphorigenic";
  src: url("font/Euphorigenic-Regular.woff2") format("woff2"),
    url("font/Euphorigenic-Regular.woff") format("woff"),
    url("font/Euphorigenic-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bebas";
  src: url("font/Bebas-Regular.woff2") format("woff2"),
    url("font/Bebas-Regular.woff") format("woff"),
    url("font/Bebas-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body {
  background: black;
  font-family: Georgia, Regular;
  line-height: 24px;
  font-size: 14px;
}

.show-tablet {
  display: none;
}

.show-mobile {
  display: none;
}

.wrapper {
  margin: auto;
}

#tanduay-btm {
  position: relative;
  z-index: 2;
  margin-top: -100px;
}

#tanduay-btm .top {
  background: url(images/about-top-bg.png) no-repeat top center;
  height: 150px;
}

#tanduay-btm .tanduay-btm-wrapper {
  background: url(images/about-bg.png) repeat-y top center;
  min-height: 1000px;
}

#tanduay-btm .bottom {
  background: url(images/about-btm-bg.png) no-repeat bottom center;
  height: 290px;
}