
a img.lazyloaded {
    width: 200px;
}

span.icon .svg-inline--fa.fa-id-badge.fa-w-12 {
    font-size: 41px;
}

.card {
    width: 100%;
    max-width: 100%;
    position: relative;
    background: #f6f6f6;
    padding: 30px;
}

.card h1.heading {
    margin: 0px;
    padding: 15px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #cccc;
    font-size: 22px;
}

.devider p { 
	margin-bottom: 30px!important;
}

.card h3 {
	text-align: center;
	font-size: 22px!important;
}

.card .devider p {
    font-size: 14px;
    padding: 3px 15px;
    color: grey;
}

.card > span {
    display: flex;
    align-items: center;
    padding: 0px 15px 10px;
}
h1.heading {
    font-size: 20px;
    margin-bottom: 25px;
}
i.fas.fa-id-badge {
    font-size: 40px;
    color: #848484;
    margin-right: 15px;
}
.card > span {
    display: block;
    position: relative;
    text-align: left;
}
span.icon .svg-inline--fa.fa-id-badge.fa-w-12 {
    position: absolute;
    top: 7px;
}   

.idme-trigger-link img {
    text-align: left !important;
    margin: 0px 0px 0px 40px !important;
}

.whatis p {
    text-align: left !important;
}
.logged-in span.icon .svg-inline--fa.fa-id-badge.fa-w-12 {
    position: relative;
    display: block;
    margin-bottom: 15px;
}

.logged-in span.icon {padding-bottom: 15px;}
@media only screen and (max-width: 767px){
    .card {
        max-width: 100%;
        margin: 0px auto 15px;
    }
    .card > span {
        display: block;
        position: relative;
    }
    
    span.icon .svg-inline--fa.fa-id-badge.fa-w-12 {
        position: absolute;
        top: 7px;
    }
}