.header-page {
box-sizing:border-box;
display:grid;
grid-template-rows:auto 1fr;
width:100%;
align-items:center;
}


.div-page-background {
    font-size:1em;
background-image: url("https://robertgravesonline.co.uk/fundacio/images/desk.jpg"); 
background-position: center;
background-size: cover;
color:white;
}

.div-page-logo {
    height:120px;
}

.img-page-logo {
    height:100%;
}








.div-page-desktop {
    padding:1em;
    display:grid;
    grid-template-columns: auto 1fr ;
}

.div-page-one {
       display:grid;
       grid-template-columns:1fr;
       justify-items: center;
               width:100%;   
          align-items:center; 
}

.div-page-two {
         display:grid;
       grid-template-columns:1fr auto;
       width:100%;
       justify-items: center;
}


.div-page-menu {
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
    max-width:900px;
    gap:1em;
    padding:0 3em 0 3em;
    box-sizing:border-box;
}

.div-page-dash {
    background-color:white;
    height:1px;
      width:9em;
      margin-top:2em;
margin-bottom:0.5em;
}

.div-page-title {
    font-family:'Crimson text';
    font-size:3em;
    font-weight:bold;
    text-align:center;
}


.div-page-mobile {
padding:1em;
    display:none;
}

.div-page-hamburger {
    display:none;
    position:relative;

}

.div-page-three {
    display:grid;
    grid-template-rows: 1fr;
    width:100%;
}

.div-page-four {
    display:grid;
    grid-template-columns: 1fr auto 1fr;
    width:100%;

}

.div-page-five {
        display:grid;
    grid-template-columns:1fr ;
          justify-items: center;
          align-tems:end;
          height:100%;
}


.div-page-vertical {
    display:none;
}



/* MEDIA QUERIES **************************************************************/
/*
@media only screen and (max-width: 1200px) {.div-page-background{font-size:0.99em;}.div-page-logo {height:112px;}}
@media only screen and (max-width: 1150px) {.div-page-background{font-size:0.98em;}.div-page-logo {height:108px;}}
@media only screen and (max-width: 1100px) {.div-page-background{font-size:0.96em;}.div-page-logo {height:104px;}}
@media only screen and (max-width: 1050px) {.div-page-background{font-size:0.94em;}.div-page-logo {height:100px;}}
@media only screen and (max-width: 1000px) {.div-page-background{font-size:0.92em;}.div-page-logo {height:96px;}}
@media only screen and (max-width: 950px) {.div-page-background{font-size:0.90em;}.div-page-logo {height:88px;}}
@media only screen and (max-width: 850px) {.div-page-background{font-size:0.86em;}.div-page-logo {height:84px;}}
@media only screen and (max-width: 800px) {.div-page-background{font-size:0.84em;}.div-page-logo {height:80px;}}
@media only screen and (max-width: 850px) {.div-page-background{font-size:0.82em;}.div-page-logo {height:76px;}}
*/
@media only screen and (max-width: 700px) {
    
    .div-page-hamburger {
    display:block;
}


.div-page-logo {height:60px;}

.div-page-title {
    margin-top:0.5em;
    font-size:2em;
}


.div-page-menu {
    display:none;
}


.div-page-dash {

    
}

.div-page-desktop {
    display:none;
}

.div-page-dash {
     margin-top:0;
     margin-bottom:0;
}

.div-page-mobile {
    display:block;

}

    
}