#hero{

  background-image: url('images/hero.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100%;
  min-width: 1024px;

  width: 100%;
  height: auto;

  position: fixed;
  top: 0;
  left: 0;

}

.logo{
  width: 100%;
  height: 100%;

  position: absolute;
   top: 50%;
   left: 50%;
   width: 500px;
   height: 500px;
   /*To align center*/
   margin-top: -250px; /* Half the height */
   margin-left: -250px; /* Half the width */

   opacity: 0.7;
}

.logo:hover{
  opacity: 1;
}

@font-face{
  font-family: nordic;
  src: url("font/Viking.ttf");
  }

h1{
  font-family: nordic;
}