/*body {*/
    /*background: #fff;*/
/*}*/

header {
    height: 40vh;
    min-height: 300px;
}

.card__title {
    flex-grow: 1;
    text-align: right;
}

.card__title--link {
    /*display: block;*/
    display: flex;
    width:100%;
    height:100%;
    align-items:center;
    text-align: right;
}

.card__childTitle--link {
    display: block;
    text-align: right;
    padding: .75rem 1.25rem;
}

.card__title--link:hover, .card__title--link:focus,
.card__childTitle--link:hover, .card__childTitle--link:focus {
    background: rgb(233, 233, 233);
    text-decoration: none;
    font-weight: bold;
}

.plusSign {

    vertical-align: middle;
    background: rgb(233, 233, 233);
    align-items: center;
    display: flex;
    position: relative;
}

.plusSign::after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    /*float: left;*/
    /*margin-left: 5px;*/
}

.active::after {
    content: "\2212";
}