:root {
    --army-green: #5f7a50;
    --afc-yellow: #ffd530; 
    --aal-red: #E61E26;
}

.modal-content {background-color: #3D3D3D;}

.speaker-img img {max-height:280px; width:auto;}

.speaker-content {margin-top: 1rem; }
.speaker-content .name {font-weight:500; color:var(--afc-yellow); text-transform: uppercase; font-size: 1.4rem;}
.speaker-content .title {font-style: italic; font-size: 1.3rem; color: var(--afc-yellow);}
.speaker-content .company {font-size: 1.3rem;}

.modal .modal-header {padding-bottom:0; align-items: top;}

.modal .modal-body {padding:2rem 2.5rem; font-size:1.1rem; font-family: 'Roboto Slab'; font-weight: 300;}
.modal .modal-body h3 a {text-transform: none;}
.modal .modal-body a {color:#ffffff; }
.modal .modal-body a:hover {color:var(--aal-red);}

.modal .modal-body img {width:165px; height:auto;  margin-right:20px;}
.modal .modal-title { font-weight:400; color:var(--afc-yellow);}
.modal .modal-title p {margin:0.2rem 0;}
.modal .modal-body p {color: #ffffff;}
.modal .modal-body ul li {color: #ffffff;}
.modal .modal-body ul li a{color: var(--afc-yellow);}
.modal .speaker-name {font-size: 1.7rem;  margin:0.25rem 0; color:var(--afc-yellow);}
.modal .speaker-title {color:#ffffff; font-size:1.3rem; font-style: italic;}
.modal .speaker-org {color:#ffffff; font-size:1.3rem;}
.modal .linkedIn {font-size:2rem; display:inline-block; line-height: 1}

.modal button.btn-close {color:#ffffff; background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;}

@media (max-width: 576px) {
    .hero-image {display:none;}
    .speaker-img, .speaker-content {text-align:center;}
}