.text.red.strong {
  color: #DB2828;
  font-weight: bold; }

#main_container {
  width: 100vw;
  min-height: 60vh;
  vertical-align: middle;
  display: flex;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  background-position: center; }

#content_container {
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 10px; }

@media only screen and (min-width: 768px) {
  #main_container {
    background-image: url("https://edu-metry-static.s3.ap-southeast-1.amazonaws.com/seminar-background/shapes-1440w.jpg"); }
  #content_container {
    padding: 2em;
    margin: 100px auto 50px auto;
    position: relative;
    top: -5vh; }
  #talk_description {
    border-right: 1px solid rgba(34, 36, 38, 0.15); } }

@media only screen and (max-width: 767px) {
  #main_container {
    background-image: url("https://edu-metry-static.s3.ap-southeast-1.amazonaws.com/seminar-background/shapes-768w.jpg"); }
  #content_container {
    padding: 20px 15px 20px 15px;
    margin: 30px 15px 50px 15px; }
  #talk_description {
    border-bottom: 1px solid rgba(34, 36, 38, 0.15); } }

@media only screen and (max-width: 450px) {
  #main_container {
    background-image: url("https://edu-metry-static.s3.ap-southeast-1.amazonaws.com/seminar-background/shapes-mobile-450w.jpg"); } }

.text-white {
  color: white !important; }