* {
  box-sizing: border-box; }

body {
  background: url(../images/bg.jpg) no-repeat center/cover;
  height: 100vh;
  margin: 0;
  position: relative; }

img {
  max-width: 100%; }

.hide {
  display: none; }

header {
  top: 25px;
  position: fixed;
  left: 0;
  right: 0; }
  header:after {
    content: '';
    display: block;
    width: 100%;
    height: 100px;
    background: rgba(255, 255, 255, 0);
    position: absolute;
    bottom: 70px; }
  header .fr-logo {
    width: 200px;
    height: 200px;
    margin: auto;
    display: block;
    background: #ffffff;
    border-radius: 50%;
    text-align: center;
    position: relative;
    padding-top: 19px;
    -webkit-box-shadow: 2px 0 40px rgba(0, 0, 0, 0);
    -moz-box-shadow: 2px 0 40px rgba(0, 0, 0, 0);
    box-shadow: 2px 0 40px rgba(0, 0, 0, 0);
    z-index: 9; }
    header .fr-logo img {
      width: 83%; }

main {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 110px;
  text-align: center; }
  main img {
    height: 110px; }

footer {
  height: 120px;
  background: #b04ec4;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center; }
  footer .fr-text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    height: 30px; }
    footer .fr-text img {
      height: 30px; }
  footer ul {
    list-style-type: none;
    padding: 0;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 83px;
    height: 42px; }
    footer ul li {
      display: inline-block;
      margin-left: 8px; }
      footer ul li:first-child {
        margin: 0; }
      footer ul li:hover a {
        opacity: 0.7; }
      footer ul li a {
        display: block;
        transition: all 0.2s ease-out 0s;
        -webkit-transition: all 0.2s ease-out 0s; }
        footer ul li a img {
          height: 42px; }

@media (max-height: 850px) and (min-height: 700px) and (min-width: 1100px) {
  main {
    top: auto;
    bottom: 33vh; } }
@media (max-height: 700px) {
  header:after {
    height: 70px;
    bottom: 35px; }
  header .fr-logo {
    width: 200px;
    height: 200px; }

  main {
    top: 10vh; }

  footer {
    height: 90px; } }
@media (max-width: 1100px) {
  header:after {
    height: 70px;
    bottom: 35px; }
  header .fr-logo {
    width: 200px;
    height: 200px; }

  footer ul {
    right: 30px; } }
@media (max-width: 992px) and (min-width: 768px) {
  footer .fr-text, footer .fr-text img {
    height: 25px; }

  footer ul, footer ul li a img {
    height: 30px; } }
@media (max-width: 767px) {
  header {
    top: 3vh; }
    header:after {
      height: 40px;
      bottom: 20px; }
    header .fr-logo {
      width: 120px;
      height: 120px;
      padding-top: 10px; }

  footer {
    height: 60px; }
    footer .fr-text {
      height: 15px; }
      footer .fr-text img {
        height: 15px; }
    footer ul {
      height: 26px; }
      footer ul li a img {
        height: 26px; }

  main {
    top: 5vh;
    height: 50px; }
    main img {
      height: 50px; } }
@media (max-width: 450px) {
  footer {
    height: 90px; }
    footer .fr-text {
      position: static;
      padding: 20px 0 30px; }
      footer .fr-text img {
        max-width: 80%;
        height: auto; }
    footer ul {
      position: static; }

  main img {
    height: 40px; } }

/*# sourceMappingURL=style.css.map */