.cardSmall, .cardLarge {
    font-size:          1rem;
    background:         #E5E5E5;
    color:              #20252A;
    padding:            0em;
    margin:             1em;
    overflow:           hidden;
    box-shadow:         0.5rem 0.5rem 2rem rgba(0,0,0,0.6);
    text-decoration:    none;
}

.cardLarge h3 {
    font-size:          1.5em;
    margin:				0em;
    margin-bottom:      0.666em;
}

.cardSmall h3 {
    font-size:          1.5em;
    margin:				0em;
    margin-bottom:      0.666em;
}

.cardSmall p, .cardLarge p {
    font-size:          1em;
    margin:             0em;
    margin-bottom:      1em;
}



.cardSmall {
    width:              28em;
    height:             14em;
}

.cardSmall div.imgContainer {
    width:              14em;
    height:             14em;
    overflow:           hidden;
    z-index:            1;
}

.cardSmall div.overlay {
    background:         #E5E5E5;
    position:           relative;
    top:                -14em;
    left:               14em;
    width:              12em;
    height:             12em;
    padding:            1em;
    #padding-bottom:     0em;
    box-shadow:         inset 2em 0em 1em -2em rgba(0,0,0,1);

    column-count:       1;
    -moz-column-count:  1;
    -webkit-column-count: 1;
    column-gap:  		1.5em;
    -moz-column-gap:    1.5em;
    -webkit-column-gap: 1.5em;
}



.cardLarge {
    width:              28em;
}

.cardLarge div.imgContainer {
    width:              28em;
    height:             14em;
    overflow:           hidden;
    z-index:            0;
}

.cardLarge div.teaseContent {
    background:         #E5E5E5;
    width:              26em;
	padding:            1em;
    padding-bottom:     0em;
    box-shadow:         inset 0em 2em 1em -2em rgba(0,0,0,1);

    column-count:       1;
    -moz-column-count:  1;
    -webkit-column-count: 1;
    column-gap:  		1.5em;
    -moz-column-gap:    1.5em;
    -webkit-column-gap: 1.5em;
}

.cardLarge div.overlay {
    display:            none;
}

.cardLarge div.corner {
    display:            none;
}



div.cardSmallArea, div.cardLargeArea {
    padding:            0em;
    margin:             0em;
    width:              100%;
    display:            flex;
}

div.cardSmallArea {
    flex-flow:          row wrap;
}

div.cardLargeArea {
    flex-flow:          column nowrap;
}




div.imgContainer div.imgWrapper {
    background-size:        cover;
    background-repeat:      no-repeat;
    background-position:    50% 50%;
	width:				100%;
	height:				100%;
    min-height:         14em;
    box-shadow:         0em 0em 0.25em rgba(0,0,0,0.3);
}