.header-page {
    background-image: url("https://lacasaderobertgraves.org/images/canellun.jpg");
    background-position: center;
    background-size: cover;
    box-sizing:border-box;
    display:grid;
    grid-template-rows:  auto 1fr;
    width:100%;
}

/******************************************************************************/

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

.div-page-filler {
    width:100%;
}

.div-page-header {
    background-color:rgb(0,0,0,0.4);
    display:grid;
    font-family:'Crimson Text';
    grid-template-columns: 1fr;
    width:100%;
}

.div-page-horizontal {
    column-gap:1em;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;  
    padding:1em;
    row-gap:0.5em;
    width:100%;
}

.div-page-language {
    color:white;
    padding:1em;
}

.div-page-logo {
    height:120px;
    margin:1em;
    background-color:white;
    padding:0.25em;
}

.div-page-mobile {
    display:none;
    position:relative;
}

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

.div-page-title {
    color:white;
    font-size:3em;
    font-weight:bold;
    padding:0 0 0.5em 0;
    text-align:center;
}

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

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

/******************************************************************************/

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

/* MEDIA QUERIES **************************************************************/

@media only screen and (max-width: 1280px) {

    .div-page-title {
        font-size:calc(2em + 1.2 * (100vw - 20em) / 60);
    }
}

@media only screen and (max-width: 800px) {
    

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

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

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


@media only screen and (max-width: 320px) {

    .div-page-title {
        font-size:1.8em
    }
}