@font-face {
  font-family: "GreatVibes-Regular";
  src: url("GreatVibes-Regular.ttf") format("ttf"),
    url("GreatVibes-Regular.ttf") format("ttf");
  font-weight: normal;
  font-style: normal;
}

html,
body {
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-size: 16px;
  font-size: 62.5%;
}

body {
  width: 100vw;
  height: 100vh;
  background: url("../img/bg1.jpg") no-repeat top left;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  font-weight: 400;
  font-size: 1.4rem;
  color: black;
  display: flex;

}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "sf_distant_galaxyregular";
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #444242;
  font-weight: 400;
}

h1 {
  margin-top: 0;
  font-size: 1.383em;
}

h2 {font-size: 1.296em;}

h3 {font-size: 1.215em;}

h4 {font-size: 1.138em;}

h5 {font-size: 1.067em;}

small, .text_small {font-size: 0.937em;}

.btn{
  padding:0.5rem 4rem;
  font-size:1.6rem;
  border-radius: 10rem;
}

.btn-taspen {
  background: #444242;
  padding: 5px 2px;
  padding-top: 0;
  border: 3px solid #444242;
  border-bottom: 1px solid #444242;
}

.btn-taspen span {
  display: block;
  padding-top: 5px;
  background: #444242;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fdd41c+24,d9b115+27 */
  background: #444242; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #444242 24%,
    #444242 27%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #444242 24%,
    #444242 27%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #444242 24%,
    #444242 27%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdd41c', endColorstr='#d9b115',GradientType=0 ); /* IE6-9 */
  border-radius: 100px;
  color: rgb(255, 255, 255);
  font-weight: 900;
}

.menus {
  width: 100%;
  margin:0 auto;
  padding:0;
  list-style-type: none;
}

.menu__item {
  margin:1rem auto;
}

.menu__item a {
  text-transform: uppercase;
}

.content {
  margin-bottom:4rem;
}

.content__title {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom:1rem;
  border-bottom: 2px solid #444242;
}



.content__body table {
  font-size:0.8rem;
}

.content__body table th {
  text-transform: uppercase;
  white-space: nowrap;
}

.clyellow {
  color: #444242;
}

.content__title img{
    margin-right:40px;
}

@media (max-width: 768px) {
  body {
    background: #444242 url("../img/bg1.jpg") no-repeat top left;
    background-attachment: fixed;
    background-size: cover;
  }
}