body, html {
height: 100%;
}

.bg {
/* The image used */
background-image: url('bg1.jpg');

/* Full height */
height: 100%;

/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.caption {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    color: #000;
  }

  
.header{
position: absolute;
left: 0;
width: 100%;

font-size: 1.2em;
padding-top: 2em;
padding-bottom: 2em;
/* margin-top: 30px;
margin-bottom: 40px; */
color: #fff;
text-align: center;
text-shadow: 0 1px 0 rgba(0,0,0,.1);
background-color: #75a4bd;
background-image: -webkit-linear-gradient(top,#547f96 0,#75a4bd 100%);
background-image: linear-gradient(to bottom,#547f96 0,#75a4bd 100%);
background-repeat: repeat-x;
}