@media (min-width: 792px) {
    :root{
        --site-logo-size:150px;
    }
    .fnContainerHalf{
        width:49%; 
    }
    .fnContainerInnerHalf{
        width:47%;
    }
    .fnContainer3_4{
        width:75%;
    }
    .fnContainerSpan3{
        width:33%;
    }
    .fnContainerSpan4{
        width:24%;
    }
    .fnContainerSpan5{
        width:19%;
    }
    .btnSp{
        margin-left: 20px;
    }
    
}
@media (max-width : 792px){
    :root{
        --site-logo-size:80px;
    }
    .fnContainerHalf{
        width:100%;
    }
    .fnContainerInnerHalf{
        width:99%;
    }
    .fnContainer3_4{
        width:100%;
    }
    .fnContainerSpan3{
        width:100%;       
    }
    .fnContainerSpan4{
        width:100%;
    }
    .fnContainerSpan5{
        width:100%;
    }
    .fnContainerFull{
        margin:0px;
    }
    .btnSp{
        margin-left: 2px;
        margin-top: 2px;
    }
}

.fnContainerFull{
    width:99%;
}

.block-view{
    display: inline-table;
}
.align-right{
    text-align: right;;
}
.fci-header{
    padding: 5px;
    background-color: rgb(0, 36, 102);
    border-radius: 5px;
    color: white;
}
.logo{
    width: 100px !important;
    min-width: 100px !important;
    height: 100px !important;
}
.container-header .site-description {
    font-size: 1rem;
    color: white;
    max-width: 80% !important;
}

.container-header .navbar-brand {
    position: relative;
    display: inline-block;
    margin-right: auto;
    font-size: 4rem;
    color: white;
}