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


@media (max-width: 768px) {.hero-image {transform: rotate(90deg);}}
@media (max-width: 576px) {.hero-image {display:none;}}

.bkg-almost-black {background-color: var(--almost-black);}
.fw-500 {font-weight: 500;}
/*.schedule {font-weight:400;}*/
.schedule {font-weight:500; text-transform: uppercase;}
.schedule .fw-normal {font-weight:300 !important;}
.schedule-date {padding-left:0.5rem; color: var(--afc-yellow); font-size:4rem; font-weight:bold; line-height: 1.2; text-transform:uppercase; font-family:'Graduate', serif;}
.schedule-date span {font-size:1.5rem;}
.schedule .topic {display:block; color: var(--afc-yellow); font-weight:300;}
.divider {background:#ffffff; height:1px; margin: 2.5rem 0;}

.machinery {background-image: url('../img/schedule/machinery.png'); background-position:top right; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; position: relative;}
.machinery:after {content: ''; position: absolute; top: 0; right: 0; left: 0; height: 100%;
  background: linear-gradient(to right, rgba(1,1,1,0.8) 2%, rgba(1,1,1,0.1) 33%);}

.schedule-content {z-index:1;}
.schedule-content.bkg-almost-black {margin:2rem 0;}

.schedule .topic {font-size:1.2rem;}

@media (max-width: 1200px) {.machinery {background-position:65% 10%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; position: relative;}
                          .machinery:after { content: ''; position: absolute; top: 0; right: 0; left: 0; height: 100%;}
@media (max-width: 768px) {
.machinery {background-image: none;}
.schedule-content.bkg-almost-black {margin: 0;}
}

@media (max-width: 576px) { 
.schedule {font-size:1.2rem;}
.schedule .topic {font-size:1.1rem;}
}