body {
    font-family: 'Open Sans Condensed', sans-serif;
}

header {
    min-height: 80px;
    position: relative; /* this does nothing noticable */
}

/* descendant selector */
header div {
    border: 10px solid slateblue;
    /* margin: 20px auto; /* 80px top and bottom, auto left and right */
    width: 400px;
}

/* id selector */
#headerText {
    text-align: center;
    min-height: 100px;
    /* float: left; */
    position: absolute; right: 320px; top: 50px;
    z-index: 10; /* controls the layering of overlapping items */
    background-color: rgba(235,235,235,.4);
}

#headerPhoto {
    background-image: url(../images/watercolor.jpg);
    background-size: cover;
    background-position: center;
    min-height: 300px;
   /* float: right; */
   position: absolute; right: 0px; top: 0px;
}