.overlay-image {
     position: relative;
     width: 100%;
    }
    /* Original image */
    .overlay-image .image {
     display: block;
     width: 100%;
     height: auto;
    }
    /* Original text overlay */
    .overlay-image .text {
     color: #fff;
     font-size: 30px;
     font-family: 'Raleway', sans-serif;
     line-height: 1.5em;
     text-shadow: 2px 2px 2px #000;
     text-align: center;
     position: absolute;
     top: 30%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 100%;

    }

#header {
    width: 100%;
    background-color: black;
}


h1 {
    width:40%;
    display: inline-block;
    font-size:60px;
     color:white;
    padding-left:40px;
}

h2 {
    width:15%;
    display: inline-block;
    text-align: center;
    color:white;
    
}

#image {width:100%;}

body {
    margin:0px;
    background-color: white;
}

a {color: white; 
   text-decoration: none;}
a:hover{
    color: lightgoldenrodyellow;}


@media screen and (max-width:800px) {
    
    h1{ 
        display:inline-block;
        width:100%;
        text-align:center;
    }
    
    h2 {
        width:100%;
    }
 
}