.device {
    .header {
        display: flex !important;
        flex-direction: column;
        @media only screen and (min-width : 768px) {
            flex-direction: row;
        }
    }
    .connectionState {
        @media only screen and (min-width : 768px) {
            margin-left: .75em;
        }
        font-size: .75em;
        font-weight: lighter;

        &.connected {
            color: #13D213;
        }

        &.disconnected {
            color: #D20000;
        }
    }
}