.header-home {
    display:grid;
    grid-template-rows: auto 1fr;
   height:100dvh;
    width:100%;
}

.div-home-header {
    background-image: url("https://robertgravesonline.co.uk/fundacio/images/desk.jpg");
    background-position: center;
    background-size: cover;
height:100%;
}

.div-home-grid {    
    color:white;
    box-sizing:border-box;  
    display:grid;
    grid-template-rows: auto 3fr auto 1fr auto;
    padding:2em;
    background-color:rgb(0,0,0,0.4);
    height:100%;
}

.div-home-desktop {
    display:grid;
    grid-template-columns: 1fr auto;
}

.div-home-logo {
    height:100px;
}

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

.p-home-fundacio {
        font-weight:bold;
    font-size:2.1em;
    line-height:1em;
    margin:0;
        text-align:center;
}

.p-home-rg {
        font-weight:bold;
    font-size:2.8em;
    line-height:1em;
    margin:0;
    text-align:center;
}

.div-home-dash {
width:9em; 
height: 1px;
background-color:white;
margin:1em 0 1em 0;
}

.div-home-message {
    box-sizing:border-box;
    font-family:'Open Sans';
    width:100%;
    font-size:1.1em;
    max-width:450px;
    padding:0 1.5em 0 1.5em;
}

.div-home-content {
    display:grid;
        grid-template-columns: 2fr auto 1fr;
        
}

.div-home-text {
    display:grid;
    grid-template-columns: 1fr;
    justify-items:center;
        font-family:'Crimson Text';
        font-size:1em;
}



.div-home-menu {
  
    width:100%;
    max-width:900px;
    display:flex;
    flex-wrap:wrap;
    column-gap:1em;

}


.p-home-link {
    text-align:center;
}

.a-home-link {
    border:1px solid white;

    color:white;
    font-family:'Open Sans';
    font-size:1em;
    padding:0.5em 0.5em 0.5em 0.5em;
    text-decoration:none;
}

.a-home-link:hover {
    border:1px dotted white;
} 

.div-home-hamburger {
  
    
    display:none;
    position:relative;
}

.div-home-filler {
      background-color: rgb(255,0,255,0);
}

.div-home-mobile {
    display:grid;
    grid-template-columns: 1fr auto 1fr;
}

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

@media only screen and (max-width: 700px) {
    
    .div-home-text{
font-size:0.8em;
         
    }
    
.div-home-grid {
    padding:1em;
}
    
    .div-home-logo {
        height:64px;
    }
.div-home-desktop {
    display:none;
}
    
    .div-home-menu {
        display:none;
    }
    
    .div-home-hamburger {
        display:block;
           
    }

    .div-home-language {
        text-align:left;
 
    }
    

}

@media only screen and (max-height: 6px) {.header-home{height:200dvh;}}