body{
    /*hex is base16 red, then green, then blue */
    background-color: #112f4f;
}

li:hover{
   background-color:#309aab;
}

img{
    width:20%;
}

.parallax {
  /* The image used */
  background-image: url("https://gifdb.com/images/high/retro-pixel-landscape-background-0g0dpo6tlg0pbmfp.gif");

  /* Set a specific height */
  min-height: 400px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media only screen and (max-width: 980px){
    .parallax{
        background-attachment: scroll;
        min-height:400px;
    }
}