.card-deck-adjust {
    margin-left: -30px !important;
}

.card-group-1 {
    border: solid black 3px; 
    margin: 0 .5em 0 0 !important; 
    padding: 0 !important; 
}

.thick-black-border {
    border: 3px black solid;
}

.card-group {

}


.card-2, .card-3 {
    border: solid black 3px; 
    padding: 0 !important; 
    margin: 0 .5em !important; 
}

.card-4 {
    border: solid black 3px; 
    padding: 0 !important; 
    margin: 0 0 0 .5em !important;
}

.card-header-height {
    min-height: 7em;
}

.card-header-text {
    font-family: 'nyala'; 
    font-weight: bold;
}

/* 
Extra small     .col        <576px 
Small           .col-sm     ≥576px	
Medium          .col.md     ≥768px	
Large           .col.lg     ≥992px	
Extra large     .col.xl     ≥1200px 
*/


/* Extra small */
@media only screen and (max-width: 575px) {
    body {
      /* background-color: lightgreen; */
    }
    .card-deck {
        padding: 0 !important;
        margin: 0 !important;
    }
    .col-card-deck-sm {
        padding: 0 !important;
        margin: 0 !important;
    }
}

/* Small */
@media only screen and (min-width: 576px) and (max-width: 767px) {
    body {
      /* background-color: lightpink; */
    }
    .card-group-1 {
        width: 100% !important;
    }
}

/* Medium */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    body {
      /* background-color: lightskyblue; */
    }
}

/* Large */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    body {
      /* background-color: yellowgreen; */
    }
    .card-deck-thick-border {
        border: solid black 3px;
    }
    .card-header-group-3-4-lg {
        min-height: 7em;
    }
}

/* Extra Large */
@media only screen and (min-width: 1200px) {
    body {
      /* background-color: none; */
    }
    .card-deck-thick-border {
        border: solid black 3px;
    }
    .card-height-group-1-2-xl {
        min-height: 15em;
    }
    .card-header-group-1-2-xl {
        /* min-height: 6em; */
        height: 2em;
    }
    .card-header-group-3-4-xl {
        /* min-height: 6em; */
        height: 6em;
    }
    .card-height-group-3-4-xl {
        min-height: 15em;
    }
    
    .card-body {
        /* border: solid red 2px; */
    }
}




/* Large */
@media only screen and (min-width: 768px) {


    .card-first {
        margin-left: 0 !important;
        margin-right: 4px !important;
    }
    .card-middle {
        margin-left: 4px !important;
        margin-right: 4px !important;
    }
    .card-last {
        margin-left: 4px !important;
        margin-right: 0 !important;
    }
}