* {
    margin: 0; padding: 0; border: 0; box-sizing: border-box;
}
body {
    font-family: 'Crimson Text', serif;  
}

/* type selector */

header{
    min-height: 80px;
    position: relitive; /* this does nothing noticable */
}
/* descendant selector */
header div {
    border: 10px solid #900;
    /* margin: 20px auto; 80px top and bottom, auto left and right */
    width: 400px; 
}

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

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