html, body {
  background-color: #3C63FF;
  font-family: "franklin-gothic-urw",sans-serif;
  font-weight:300;
  font-size: 14px;
}

a:link,
a:visited,
a:active,
a:hover {
  color:#fff;
  text-decoration:none;
  margin-right: 10px;
}

a:hover {
  color:#2FFFD0;
}

strong {
  font-weight: 500;
}

sup {
  font-size: 0.5em;
}

.logo_top_left {
  width: 50px;
  position:absolute;
  top: 50px;
  left: 50px;
}

.logo_bottom_right {
  width: 50px;
  position:absolute;
  bottom: 50px;
  right: 50px;
}

.logo_center {
  width: 230px;
  position:absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.file_request {
  text-align:center;
  position:absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color:#fff;
}

.file_request .fouroh {
  font-size:100px;
  font-weight:700;
}

.file_request .file {
  font-size:14px;
  font-weight:300;
  line-height:1.5;
}

.links {
  position:absolute;
  bottom: 50px;
  left: 50px;
}

@media only screen and (max-width: 450px) {
  .logo_top_left {
    width: 40px;
    position:absolute;
    top: 25px;
    left: 25px;
  }

  .logo_bottom_right {
    width: 40px;
    position:absolute;
    bottom: 75px;
    right: 25px;
  }

  .logo_center {
    width: 190px;
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .links {
    width:100%;
    position:absolute;
    bottom: 25px;
    left: 0px;
    text-align:center;
  }
}