.fa5-icon {
    display: inline-flex;
}


.boxcard-set {
    width: 100%;    
}

.boxcard-four .boxcard-wrapper,
.boxcard-wrapper {
    width: 25%;   
    min-height: 12em;
    float: left;
}


.boxcard-icon {
    position: relative;
    height: 3em;
}

.boxcard-front .boxcard-icon {
    position: relative;
}

.boxcard-icon .fa5-icon {
    position: absolute;
    left: 50%;
    width: 6.4em;
    height: 6.4em;
    margin-left: -3.2em;
    border: 3px solid #ccc;
    border-radius: 50%;
    background: white;
}

.boxcard-front .boxcard-icon .fa5-icon {
    position: absolute;
    left: 50%;
    width: 6.4em;
    height: 6.4em;
    margin-left: -3.2em;
    border: 3px solid #ccc;
    border-radius: 50%;
    background: white;
}

.boxcard-icon .fa-layers {
  position: unset;    
}

.boxcard {
  border: 1px solid #ccc;
  line-height: 1.25em;
}

.boxcard-front .boxcard {
  border: 0;
  line-height: unset;
}

.boxcard-header {
    text-align: center;
    font-weight: 600;
    margin-top: 3.2em;
}

.boxcard-front .boxcard-header {
    text-align: center;
    font-weight: 600;
    margin-top: 3.4em;
}

.media-center {
  display: block;
  margin-bottom: 1rem;
}
.media-content {
  margin-top: 3rem;
}

.uh-iconback { color: #e7e7e7 }
.uh-icongrey { color: #c9c9c9 }
.uh-iconyellow { color: yellow }
.uh-iconblue { color: blue }
.uh-icongreen { color: green }
.uh-iconwhite { color: white }
.uh-iconpurple { color: purple }
.uh-iconbrick { color: rgba(179, 0, 0, .75) }
.uh-iconorange { color: rgba(217, 72, 1, .5) }
.uh-icongnblu { color: rgba(43, 140, 190, .5) }
.uh-iconygblu { color: rgba(34, 94, 168, .95) }
.uh-icondblu { color: rgba(28, 115, 187, .95)}
.uh-iconblgrn { color: rgba(65, 174, 118, .5) }
.uh-iconbrn { color: rgba(102, 37, 6, .5) }

.fa5-embed-left {
    float:left;
    margin-right: 1em;
}

@media only screen 
  and (max-width: 619px) {
  
.boxcard-four .boxcard-wrapper,
.boxcard-wrapper {
    width: 100%;
 }
}

@media only screen 
  and (min-width: 620px) 
  and (max-width: 1200px) {
  
.boxcard-four .boxcard-wrapper,
.boxcard-wrapper {
    width: 50%;
 }
}