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

@media (max-width: 576px) {.hero-image {display:none;}}

.session-img {height:280px; position:relative;}
.session-img .date {display: inline-block; padding:0.8rem; text-align:center; position: absolute; top:0; right:1.5rem;
    background: var(--afc-yellow); color:#000000; font-weight:bold; line-height: 1.2; text-transform:uppercase; font-family:'Graduate', serif;}

.session-img.past-present-future:before {content: ""; background-image: url('../img/panels/panels-past-present.jpg'); opacity:1; z-index:-1;
        background-size: cover; background-repeat: no-repeat;  position: absolute; top: 0px; right: 0px; bottom: 0px;  left: 0px;}

.session-img.architecting:before {content: ""; background-image: url('../img/panels/panels-hmi.jpg'); opacity:1;  z-index:-1;
        background-size: cover; background-repeat: no-repeat;  position: absolute; top: 0px; right: 0px; bottom: 0px;  left: 0px;}

.session-img.mosa:before {content: ""; background-image: url('../img/panels/panels-mosa.jpg'); opacity:1;  z-index:-1;
        background-size: cover; background-repeat: no-repeat;  position: absolute; top: 0px; right: 0px; bottom: 0px;  left: 0px;}

.session-img.government-nontrad:before {content: ""; background-image: url('../img/panels/panels-government.jpg'); opacity:1;  z-index:-1;
    background-size: cover; background-repeat: no-repeat;  position: absolute; top: 0px; right: 0px; bottom: 0px;  left: 0px;}

.session-content {margin-top: 1rem; margin-bottom: 1.5rem;}
.session-content .title {color:var(--afc-yellow); font-weight:500; text-transform: uppercase;}
.session-content .time {font-weight:500;}
.session-content .description {font-size: 1.125rem;}

.modal .modal-content {background-color: #3D3D3D;} 
.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; color: #ffffff;}

.modal .modal-title {font-size: 1.7rem; color:var(--afc-yellow); text-transform: uppercase;}
.modal .time {font-weight:500;}
.modal .modal-body a {color:var(--afc-yellow);}

.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;}