html,body{
    height: 100%;
    font-family: sans-serif;
   margin-top: 30px;
}

#header{
    margin-top: 1px;
    text-align: center;
    background: url("../images/bathroom2.jpg") center center no-repeat;
    background-size: cover;
    height: 40vh;
    width: 100%;
    display:flex;
    align-items: center;
    justify-content: center;
  
}

#header h1{    
    display:table-cell; 
    vertical-align:middle;
    text-align: center;
    font-weight: bolder;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
    font-variant: small-caps;
    color: black;
    font-size: 50px;
}

@media only screen and (max-width : 800px) {
    #header{
        margin-top: 80px;
    }
}

@media all and (max-width: 767px0) {
    .paragraph-bumper-33px {
        margin-top: 33px;
    }
}