.img-wrap {
    position: relative;
    
  }
  
  .img-wrap h1 {
    position: absolute;
    left: -50px;
    top: 50px;
    width: 100%;
    z-index: 99;
  }

  nav{
    width:auto;
    float:right;
    margin-top:0px;

 }
 nav ul{
    display:table;
    float:right;
    margin:0;
    padding:0
 }
 nav ul li{
    float:left;
    list-style-type:none
 }
 nav ul li:last-child{
    padding-right:0
 }
 nav ul li a{
    color:#ebf7f7;
    font-size:19px;
    padding:7px 19px;
    display:inline-block;
    text-decoration:none
 }
 nav ul li a:hover{
    background-color:#dcebd9;
    text-decoration:underline
 }

@media screen and (min-width:978px) {
       #menu{
        position: relative;
        left: 50px;
        top: 100px;
        z-index: 1;
       }
    }



    @media screen and (min-width:478px) {

        #menu{
            position: relative;
            left: 50px;
    top: -50px;
    z-index: 1;
       }
    }