/* Scss Document */
html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0; }

#header {
  height: 50vh; }
  @media screen and (max-width: 600px) {
    #header img#logo-nesat {
      width: 90vw;
      position: relative;
      top: 50%;
      margin: -11.85939vw 5vw; } }
  @media screen and (min-width: 601px) {
    #header img#logo-nesat {
      width: 40vw;
      margin: 0 30vw;
      position: relative;
      top: 50%;
      margin-top: -5.27084vw; } }

#footer {
  height: 40vh;
  background: #363636;
  text-align: center; }
  @media screen and (max-width: 600px) {
    #footer a.logo-go {
      margin-top: -45px 0 15px 0; } }
  @media screen and (min-width: 601px) {
    #footer a.logo-go {
      margin: 0 3em 15px 3em; } }
  #footer a.logo-go {
    display: inline-block;
    position: relative;
    top: 50%; }
  #footer a {
    text-decoration: none; }

#copyright {
  height: 10vh;
  background: #0B0B0B;
  color: #5F5F5F; }
  #copyright p {
    text-align: center;
    position: relative;
    top: 50%;
    font-size: 0.7em;
    margin-top: -0.7em;
    font-family: "Comfortaa", cursive;
    text-shadow: 1px 1px 2px black; }
  #copyright a {
    color: #A1A1A1; }
    #copyright a:hover {
      color: #E0E0E0; }