.body-page {
    padding:0;
    margin: 0;
 
    
}




.header-page {
     background-image:url("https://robertgravesonline.co.uk/letters/images/RG.jpg"); 
     font-family:'Open Sans';
 color:white;
 padding:2em;
 font-size:1em;
  background-size:cover;
 background-position:20% 70%;
}

.div-header-container {

    font-family:'Open Sans';
}

.div-header-upper {
    display:grid;
    grid-template-columns: 1fr auto;
    
}


.div-header-branding {
    display:block;
}


.div-header-title {

font-size:2em;
font-style:italic;
font-weight:bold;
line-height:0.75em;
}


.div-header-tagline {
font-size:0.9em;
font-weight:100;
letter-spacing:0.025em;

}

.div-header-middle {
    display:none;
}


.div-header-lower {
    display:none;
}




.div-header-horizontal,.nav-horizontal {
    column-gap:2em;
    display:flex;
    justify-content:end;
    padding: 0 0 2em 0;

    
}



.div-header-vertical,.nav-vertical {
    display:none;
}



.div-header_middle {
    
}


.div-header_lower {
    
}



.a-header-menu {
    color:white;
    text-decoration:none;
    font-weight:100;
}

.a-header-menu:hover {
border-bottom: 1px dotted white;
}

.a-header-current {
    color:white;
    text-decoration:none;
border-bottom: 1px dotted white;
   font-weight:100;
    
}

.a-header-current:hover {
border-bottom: 1px solid white;
}



@media only screen and (max-width: 1100px) {
    
    
.div-header-branding {
    display:none;
}

.div-header-middle {
    display:block;
}

    
}

@media only screen and (max-width: 700px) {
    
.div-header-title {
    font-size:1.6em;
}

.div-header-tagline {
    font-size:0.72em;
}




.div-header-upper {
    display:none;
}
.div-header-lower {
    display:block;
}
}