* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body,
html {
  width: 100%;
  height: 100%;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

@font-face {
  font-family: teko-bold;
  src: url(Teko/static/Teko-Bold.ttf);
}
@font-face {
  font-family: teko-light;
  src: url(Teko/static/Teko-Light.ttf);
}
@font-face {
  font-family: teko-medium;
  src: url(Teko/static/Teko-Medium.ttf);
}
@font-face {
  font-family: teko-regular;
  src: url(Teko/static/Teko-Regular.ttf);
}
@font-face {
  font-family: teko-semibold;
  src: url(Teko/static/Teko-SemiBold.ttf);
}

@font-face {
  font-family: playfair-display;
  src: url(Playfair_Display/static/PlayfairDisplay-Regular.ttf);
}
@font-face {
  font-family: playfair-display-semibold;
  src: url(Playfair_Display/static/PlayfairDisplay-SemiBold.ttf);
}
.heading-container {
  padding: 10px 20px 0 20px;
  line-break: loose;
}
.teko-regular {
  font-family: teko-regular;
}
.btn {
  background: linear-gradient(to right, #e95108, #ff9640);
  transition: all 0.3s ease;
}
.bt:active {
  scale: 0.95;
}
.spacer {
  height: 100vh;
}
.hov {
  border-bottom: 1px solid rgba(158, 158, 158, 0.594);
  padding-left: 10%;
  padding-top: 10px;
  padding-bottom: 10px;
}
.hov:hover {
  background-color: rgba(158, 158, 158, 0.594);
}
.hov-col:hover {
  color: #e95108;
}