#branch-comms-panel{
    width: 80%;
    padding: 1rem;
    position: fixed;
    top: 0;
    background-color: #F5F5F5;
    right: 30px;
    border: black solid 4px;
    z-index: 2;
    overflow: scroll;
    height: 75%;
}

@media only screen and (min-width: 992px) and (max-width: 1300px) {
    #branch-comms-panel{
        width: 992px;
        top: 0;
        overflow: scroll;
        background-color: #F5F5F5;
        border: black solid 4px;
        z-index: 2;
    }

    .flex-display {
        width: 850px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        overflow: scroll;
    }
}
.minimised #branch-comms-panel {
    display: none !important;
}

.col-panel {
    width: 340px;
    border: black solid 1px;
    margin: 1rem;
    display: flex;
    flex-direction: column;
}


@media only screen and (min-width: 1300px) {
    .flex-display {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
}

.flex-row-bottom-align {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-top: auto;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

@media screen and (min-width: 990px) {
    .scrollable-branch-comms-panel {
        margin-bottom: 200px;
    }
}