@font-face {
  font-family: "sf_distant_galaxyregular";
  src: url("sf_distant_galaxy-webfont.woff2") format("woff2"),
    url("sf_distant_galaxy-webfont.woff") format("woff");
  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: 100%;
  height: 100vh;
  background: url("../img/background.jpg") no-repeat top left;
  background-attachment: fixed;
  background-size: 100% 100%;
  font-weight: 400;
  font-size: 1.4rem;
  color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "sf_distant_galaxyregular";
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fdd100;
  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: #fff000;
  padding: 5px 2px;
  padding-top: 0;
  border: 3px solid #977e35;
  border-bottom: 1px solid #977e35;
}

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

.content__title h2 {
}

.content__body {

}

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

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

.clyellow {
  color: #fdd100;
}

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

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