.text{
    font-size: 1.9rem;
    line-height: 3.2rem;
}

.subtitle{
    font-size: 2.4rem;
}

#header{
    max-width: 1920px;
    height: 770px;
    min-height: unset;
    margin-left: auto;
    margin-right: auto;
    background-image: url(/assets/img/bg_cyber.jpg);
} 

#header .layer{
    max-width: 1920px;
    height: 770px;
    min-height: unset;
    margin-left: auto;
    margin-right: auto;
} 

#header .title{
    text-align: center;
    width: 100%;
    padding-top: 220px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

#header .btn {
    margin-top: 55px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 7rem;
    display: block;
}


#cyber-intell .text-box{
    width: 80%;
    margin: 60px auto;
}

#cyber-intell .title{
    margin-bottom: 30px;
}

#cyber-intell .col{
    width: 50%;
}


#blu-sect{
    background-color: #163653;
    padding: 120px 30px;
}

#blu-sect .text{
    width: 100%;
    margin: auto;
    text-align: center;
    margin-bottom: 30px;
    color: white;
}

#fonti{
    padding-top: 50px;
    padding-bottom: 50px;
}

#fonti .subtitle, #fonti .text{
    text-align: center;
}

#fonti .text{
    margin-top: 30px;
    text-align: center;
}

#fonti .btn{
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-decoration: none;
}

#fonti .row{
    margin-top: 30px;
}

#fonti .col{
    width: 50%;
}

#fonti img{
    width: 60%;
    margin: auto;
    display: block;
}



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

    #cyber-intell .col{
        width: 100%;
    }

}