.brb-container { padding: 50px 5%; text-align: center; }
.brb-container .container { width: 100%; padding-left: 5%; padding-right: 5%; padding-bottom: 50px; }
.brb-container .container .row { margin: 0 auto;  }
.brb-container .pb-20 { padding-bottom: 20px; }
.brb-container .pb-30 { padding-bottom: 30px; }
.brb-container h1 { font-family: Oswald, sans-serif; font-size: 32px; font-weight: 600; line-height: 36px; color: #db291d; text-align: center; text-transform: uppercase; letter-spacing: 1px; margin: 0; padding: 0 0 30px 0; }
.brb-container h2 { text-align: center;  padding-top: 0; font-size: 28px; color: #da291c; font-family: Oswald, sans-serif; padding-bottom: 20px; text-transform:uppercase; }
.brb-container h3 { font-family: Oswald, sans-serif; padding-bottom: 20px; text-transform: uppercase; }
.fs20 { font-size: 20px; }
.colwhite { color: #fff; }
.colblack { color: #000; }
.brb-container .invisibleContVideo { padding-top: 30px; }
.brb-container .overviewCont ul {margin: 0;}

.brb-container .theory-of-change li { list-style: none; background: #f2a900; padding: 20px 0; border-radius: 10px; text-align: center; margin: 10px; width:320px; }

@media (max-width: 1024px)
{
  .brb-container { padding: 50px 2%; }
  .brb-container .container { padding-left: 0; padding-right: 0; }
  .brb-container .theory-of-change li { margin: 0 5px; width: 98%; }
  .years-journey li { width: 47.5% !important; margin: 10px !important; }
}

@media (max-width: 768px)
{
  .brb-container .container .overviewCont { padding: 0 !important; }
    .brb-container .theory-of-change li { margin-bottom: 20px; }
  .years-journey li { width: 96% !important; }
  .journey-box h3 { padding: 10px 0 !important;}
}