body, html {
    height: 100%;
    margin: 0;
  }
  
  .bg {
    /* The image used */
    background-image: url("../images/dolceozio.jpeg");
    opacity: 0.5;

    /* Full height */
    height: 100%; 
  
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  @font-face {
    font-family: 'vivaldi';
    src: url(../font/VIVALDII.TTF);
  }

  .caption {
    position: absolute;
    left: 0;
    top: 100px;
    width: 100%;
    text-align: center;
    color: #000;
    font-family: 'vivaldi';
}
.caption span.border {
    opacity: 1.0!important;
    background-color: none;
    color: #924900;
    padding: 10px;
    font-size: 45px;
    letter-spacing: 0px;
    }
    .menu {
        position: absolute;
        left: 0;
        top: 180px;
        width: 100%;
        text-align: center;
        color: #000;
        font-family: 'vivaldi';
    }
    .menu span.border {
        opacity: 1.0!important;
        background-color: none;
        color: #924900;
        padding: 18px;
        font-size: 35px;
        letter-spacing: 0px;
        }
        a.pdf{
            text-decoration: none;
            margin-inline: 30px;
        }
        .pdfcontainer{
            margin: auto;
            display:inline-block;
            position:relative;
            flex-direction: row;
            opacity: 1.0!important;
        color: #924900;
        padding-top: 38px;
        font-size: 45px;
        letter-spacing: 10px;
        }
        @media (max-width: 767.98px){
            .pdfcontainer{
                margin-inline: 10px;
            }
        }
        .pdf img{
            vertical-align: middle;
        }
        .lingua{
            text-decoration: none;
            color: #924900;
        padding: 5px;
        font-size: 25px;
        letter-spacing: 0px;
        }
        .column{
            padding-top: 50px;
            background-color: none;
            float: left;
        }