@font-face {
  font-family: "DB Heavent";
  src: url("../fonts/DBHeavent.eot");
  src: url("../fonts/DBHeavent.eot?#iefix") format("embedded-opentype"), url("../fonts/DBHeavent.woff2") format("woff2"), url("../fonts/DBHeavent.woff") format("woff"), url("../fonts/DBHeavent.ttf") format("truetype"), url("../fonts/DBHeavent.svg#DBHeavent") format("svg");
  font-weight: normal;
  font-style: normal; }

@-webkit-keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes fade-in-up {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, 50%);
            transform: translate(-50%, 50%); }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); } }

@keyframes fade-in-up {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, 50%);
            transform: translate(-50%, 50%); }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); } }

@-webkit-keyframes fade-in-up-2 {
  from {
    opacity: 0;
    -webkit-transform: translate(0%, 50%);
            transform: translate(0%, 50%); }
  to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fade-in-up-2 {
  from {
    opacity: 0;
    -webkit-transform: translate(0%, 50%);
            transform: translate(0%, 50%); }
  to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

body {
  padding-top: 0; }

#content-top {
  padding: 40px 0;
  background: #ffc522; }
  #content-top .page-headline {
    position: relative;
    padding-bottom: 10px;
    color: #333;
    font-size: 50px;
    line-height: 1.2em;
    letter-spacing: 2px; }
    #content-top .page-headline .headline-primary {
      font-weight: 700;
      font-size: 50px; }
    #content-top .page-headline .headline-secondary {
      font-weight: 400; }
    #content-top .page-headline .hr {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 120px;
      height: 4px;
      background: #333; }

#content-main {
  padding: 40px 0 20px;
  font-family: korolev, sans-serif; }
  #content-main .introduction {
    margin-bottom: 20px;
    text-align: center; }
    #content-main .introduction .main-headline {
      font-size: 24px;
      color: #333; }
    #content-main .introduction .sub-headline {
      font-size: 16px;
      line-height: 1.2em;
      color: #666666; }
  #content-main .section {
    margin: 30px 0; }
    #content-main .section .topic {
      text-align: center;
      font-size: 20px;
      color: #333; }
    #content-main .section .description {
      font-size: 14px;
      color: #666; }
  #content-main.th {
    font-family: "DB Heavent"; }
    #content-main.th .introduction .main-headline {
      font-size: 34px; }
    #content-main.th .introduction .sub-headline {
      font-size: 22px; }
    #content-main.th .section {
      margin: 10px 0; }
      #content-main.th .section .topic {
        font-size: 30px; }
      #content-main.th .section .description {
        font-size: 19px; }

#action {
  margin-bottom: 20px; }

@media only screen and (max-width: 991px) {
  footer {
    margin-top: 0; } }

@media only screen and (max-width: 575px) {
  #content-top {
    padding: 20px 0 !important; }
    #content-top .page-headline {
      font-size: 32px; }
  #content-main {
    padding: 20px 0; }
    #content-main .introduction .main-headline {
      font-size: 28px; }
    #content-main .section .topic {
      font-size: 28px; } }