/*
div{
    border: 1px solid #5f9ea066;
}

img.speaker-list-photo{
    border-radius: 50% 50% 50% 50%;
    height: 100px;
    width: 100px;
    margin-right: 30px
}



@media (min-width: 768px)
{
    .speaker-list-container {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      align-items: stretch;
      gap: 30px
    }
}
.speaker-list-container {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      align-items: stretch;
      gap: 30px
}


.speaker-card{
    border: 0;
    box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.5);
    padding:16px;
    height:100%
}
.speaker-list-text{
    color:#676767;
}

.speaker-list-title{
    color: red;
}

.speaker-name{
    color:#676767;
    font-size: 2rem;
}
.speaker-email{
    color:#676767;
    font-size: 1rem;
}
.speaker-occupation{
    color:#676767;
    font-size: 0.8rem;
    font-weight: bold;
}
.speaker-company{
    color:#676767;
    font-size: 0.8rem;
    font-weight: bold;
}

.speaker-list-navbar{

}

@media (min-width: 768px)
{
    
}

*/



.de-icon{    
    display: inline-block;
    width: 48px;
    height: 48px;
}

.de-icon.linkedin{
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8cGF0aCBkPSJNMTksM0g1QzMuODk1LDMsMywzLjg5NSwzLDV2MTRjMCwxLjEwNSwwLjg5NSwyLDIsMmgxNGMxLjEwNSwwLDItMC44OTUsMi0yVjVDMjEsMy44OTUsMjAuMTA1LDMsMTksM3ogTTksMTdINi40Nzd2LTdIOSBWMTd6IE03LjY5NCw4LjcxN2MtMC43NzEsMC0xLjI4Ni0wLjUxNC0xLjI4Ni0xLjJzMC41MTQtMS4yLDEuMzcxLTEuMmMwLjc3MSwwLDEuMjg2LDAuNTE0LDEuMjg2LDEuMlM4LjU1MSw4LjcxNyw3LjY5NCw4LjcxN3ogTTE4LDE3aC0yLjQ0MnYtMy44MjZjMC0xLjA1OC0wLjY1MS0xLjMwMi0wLjg5NS0xLjMwMnMtMS4wNTgsMC4xNjMtMS4wNTgsMS4zMDJjMCwwLjE2MywwLDMuODI2LDAsMy44MjZoLTIuNTIzdi03aDIuNTIzdjAuOTc3IEMxMy45MywxMC40MDcsMTQuNTgxLDEwLDE1LjgwMiwxMEMxNy4wMjMsMTAsMTgsMTAuOTc3LDE4LDEzLjE3NFYxN3oiPjwvcGF0aD4KPC9zdmc+') 50% 50% no-repeat;
    background-size: 100%;
}
.de-icon.facebook{
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8cGF0aCBkPSJNMTksM0g1QzMuODk1LDMsMywzLjg5NSwzLDV2MTRjMCwxLjEwNSwwLjg5NSwyLDIsMmg3LjYyMXYtNi45NjFoLTIuMzQzdi0yLjcyNWgyLjM0M1Y5LjMwOSBjMC0yLjMyNCwxLjQyMS0zLjU5MSwzLjQ5NS0zLjU5MWMwLjY5OS0wLjAwMiwxLjM5NywwLjAzNCwyLjA5MiwwLjEwNXYyLjQzaC0xLjQyOGMtMS4xMywwLTEuMzUsMC41MzQtMS4zNSwxLjMyMnYxLjczNWgyLjcgbC0wLjM1MSwyLjcyNWgtMi4zNjVWMjFIMTljMS4xMDUsMCwyLTAuODk1LDItMlY1QzIxLDMuODk1LDIwLjEwNSwzLDE5LDN6Ij48L3BhdGg+Cjwvc3ZnPg==') 50% 50% no-repeat;
    background-size: 100%;
}
.de-icon.twitter{
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8cGF0aCBkPSJNMjIsMy45OTljLTAuNzgsMC40NjMtMi4zNDUsMS4wOTQtMy4yNjUsMS4yNzZjLTAuMDI3LDAuMDA3LTAuMDQ5LDAuMDE2LTAuMDc1LDAuMDIzYy0wLjgxMy0wLjgwMi0xLjkyNy0xLjI5OS0zLjE2LTEuMjk5IGMtMi40ODUsMC00LjUsMi4wMTUtNC41LDQuNWMwLDAuMTMxLTAuMDExLDAuMzcyLDAsMC41Yy0zLjM1MywwLTUuOTA1LTEuNzU2LTcuNzM1LTRjLTAuMTk5LDAuNS0wLjI4NiwxLjI5LTAuMjg2LDIuMDMyIGMwLDEuNDAxLDEuMDk1LDIuNzc3LDIuOCwzLjYzYy0wLjMxNCwwLjA4MS0wLjY2LDAuMTM5LTEuMDIsMC4xMzljLTAuNTgxLDAtMS4xOTYtMC4xNTMtMS43NTktMC42MTdjMCwwLjAxNywwLDAuMDMzLDAsMC4wNTEgYzAsMS45NTgsMi4wNzgsMy4yOTEsMy45MjYsMy42NjJjLTAuMzc1LDAuMjIxLTEuMTMxLDAuMjQzLTEuNSwwLjI0M2MtMC4yNiwwLTEuMTgtMC4xMTktMS40MjYtMC4xNjUgYzAuNTE0LDEuNjA1LDIuMzY4LDIuNTA3LDQuMTM1LDIuNTM5Yy0xLjM4MiwxLjA4NC0yLjM0MSwxLjQ4Ni01LjE3MSwxLjQ4NkgyQzMuNzg4LDE5LjE0NSw2LjA2NSwyMCw4LjM0NywyMCBDMTUuNzc3LDIwLDIwLDE0LjMzNywyMCw4Ljk5OWMwLTAuMDg2LTAuMDAyLTAuMjY2LTAuMDA1LTAuNDQ3QzE5Ljk5NSw4LjUzNCwyMCw4LjUxNywyMCw4LjQ5OWMwLTAuMDI3LTAuMDA4LTAuMDUzLTAuMDA4LTAuMDggYy0wLjAwMy0wLjEzNi0wLjAwNi0wLjI2My0wLjAwOS0wLjMyOWMwLjc5LTAuNTcsMS40NzUtMS4yODEsMi4wMTctMi4wOTFjLTAuNzI1LDAuMzIyLTEuNTAzLDAuNTM4LTIuMzIsMC42MzYgQzIwLjUxNCw2LjEzNSwyMS42OTksNC45NDMsMjIsMy45OTl6Ij48L3BhdGg+Cjwvc3ZnPg==') 50% 50% no-repeat;
    background-size: 100%;
}
.blue{
    fill: #2D4488;
}
.de-icon.grey{
    fill: #676767;
}
.de-icon.black{
    fill: #000;
}
.de-icon.white{
    fill: #fff;
}