/* please remember to un-comment used bootstrap components in ./libraries/bootstrap/bootstrap.less */
/* =============================================================================
  Variables, mixins and font-faces
============================================================================= */
/* COLORS */
/* FONT-FACES AND SIZES */
/* =============================================================================
  Base Styles
============================================================================= */
body {
  /* font-size: 16px; */
  color: #000000;
}
a:link,
a:visited,
a:hover,
a:focus {
  color: #FFFFFF;
  text-decoration: none;
}
/* =============================================================================
  Layout Styles
============================================================================= */
.center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.center img {
  /*padding-top: 25%; */
  margin-top: 75px;
  width: 570px;
}

@font-face { font-family: 'perpetua_titling_mt_light'; src: url('perpetua_titling_mt_light.ttf') format('truetype'); }
@font-face { font-family: 'pt_serif_regular'; src: url('pt_serif_regular.ttf') format('truetype'); }  

@media (min-width: 1200px) {
  .center img {
    width: 570px;
    /*margin-top: -150px;*/
  }
}

.footertext {
  font-family: Helvetica, 'perpetua_titling_mt_light', Georgia, Serif;
  /*font-size: 30pt;*/
  font-size: 3em;
  position: absolute;
  bottom: 90px;
  color: #fbf4be;
  width: 100%;
}

.footertext_2 {
  font-family: Helvetica, 'pt_serif_regular', Georgia, Serif;
  /*font-size: 30pt;*/
  font-size: 1.6em;
  position: absolute;
  bottom: 5px;
  color: #fbf4be;
  width: 100%;
}


@media (max-width: 991px) {
  @media (max-height: 540px){
    .center img {
      margin-top: 5px;
      height: auto;
      width: 300px;
    }
      .footertext {
        font-size: 3em;
        position: absolute;
        bottom: 90px;
      }
      .footertext_2 {
        font-size: 1.6em;
        position: absolute;
        bottom: 5px;
      }
    @media (max-height: 460px){
      .footertext {
        font-size: 3em;
        position: absolute;
        bottom: 90px;
      }
      .footertext_2 {
        font-size: 1.6em;
        position: absolute;
        bottom: 5px;
      }
    }
  }
}

<!-- klein -->
@media (max-width: 768px){
      .footertext {
        font-size: 3em;
        position: absolute;
        bottom: 90px;
      }
      .footertext_2 {
        font-size: 1.6em;
        position: absolute;
        bottom: 5px;
      }
}

<!-- mittel/gross -->
@media (min-width: 992px) {
      .footertext {
        font-size: 3em;
        position: absolute;
        bottom: 90px;
      }
      .footertext_2 {
        font-size: 1.6em;
        position: absolute;
        bottom: 5px;
      }
  @media (max-height: 425px){
      .footertext {
        font-size: 3em;
        position: absolute;
        bottom: 90px;
      }
      .footertext_2 {
        font-size: 1.6em;
        position: absolute;
        bottom: 5px;
      }
  }
}
/* =============================================================================
  Module Styles
============================================================================= */
.section-backstretch {
  width: 100%;
  height: 200px;
}
@media (min-width: 992px) {
  .section-backstretch {
    height: 500px;
  }
}