body{
    overflow-y: scroll!important;
}
.content{
    flex-flow: row wrap;
    padding: 40px;
}
.content .title{
    margin-top: 15vh;
    /* margin-bottom: 50px; */
    width: 80%;
    text-align: center;
    font-size: 1.5em;
    text-shadow: 1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
    color: black;
}
.chi-siamo .content{
    padding: 40px 0px;
    height: auto;
    position: relative;
}
.chi-siamo .content img{
    width: 100%;
}
.chi-siamo .content .text{
    text-align: justify;
    padding: 20px;
}
.chi-siamo .content p{
    margin: 40px;
}
.chi-siamo .content .col a.button{
    position: absolute;
    bottom: 20px;
    right: 0;
}
@media screen and (orientation:landscape){
    
    .content .title{
        width: 100%;
        font-size: 2em;
    }
    .chi-siamo .content{
        height: auto;
        padding: 0px;
    }
    .chi-siamo .content img{
        width: 100%;
    }
    .chi-siamo .content p{
        margin: 40px;
    }
    .chi-siamo .content .flex .col{
        width: 50%;
    }
    .chi-siamo .content{
        height: auto;
        padding: 0px;
    }
    
    .chi-siamo .content img{
        width: 100%;
    }
    .chi-siamo .content p{
        margin: 40px;
    }
    
    .chi-siamo .content .flex .col{
        width: 50%;
    }
}