/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

h3 {
  margin-bottom: 20px;
}

#intro .row-fluid {
  display: flex;
  flex-direction: column;
}

#intro .orange {
  display: none;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  max-height: 714px;
  object-fit: contain;
  object-position: right;
}

#intro .hero {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

#intro .hero .hs_cos_wrapper {
  height: 100%;
}

#intro .dr {
  position: relative;
  z-index: 2;
  height: auto!important;
  max-height: 50vh!important;
  width: auto!important;
  margin-top: 3em;
}

#intro .copy {
  padding: 1em;
    border-top: 0px solid #535353;
}

#intro {
 background: #f1f1f1;
}

#about-grey {
 background: #535353;
}

#about-orange {
 background-image: url('https://6424070.fs1.hubspotusercontent-na1.net/hubfs/6424070/2020_Promotions/Webinar_Background_Orange.png');
}

#about-white {
 background: #ffffff;
}


.speaker {
  padding: 10px 40px 20px 40px;
}

.lecture
 padding: 10px 40px 20px 40px;
}

#webinarinfo {
  max-width: 1400px;
  margin: 10px auto 100px!important;
  padding: 0 1em;
  float: none!important;
}

#webinarinfo ul {
  color: #535353;
}

form {
  max-width: 450px;
    margin: 1em auto;
    background: #f1f1f1;
    padding: 2em;
}

fieldset {
  margin-bottom: 10px!important;
}

form ul {
  list-style: none;
  padding: 0;
}

input[type="submit" i] {
  color: #fff;
    border: 1px solid #e35205;
    background-color: #e35205;
  padding: 12px 20px;
  border-radius: 3;
}



@media (min-width: 768px) {
  #intro .orange {
    display: block;
    width: 40.170940171000005%!important;
    *width: 40.117748681638304%!important;
  }
  #intro .row-fluid {
    display: flex;
    flex-direction: row;
  }
  #intro .dr {
    margin-top: 5em;
    position: relative;
    z-index: 2;
    height: 700px!important;
    max-height: 700px!important;
    width: auto!important;
    object-fit: contain;
    object-position: bottom;
  }
  #intro .copy {
    padding: 100px 0 60px 60px;
        border-top: none;
  }
}


@media screen and (min-width: 370px) {
  .intro-copy {
    margin-top: 140px!important;
  }
  
  .schedule-table {
    font-size: 12px;
}

  @media screen and (min-width: 700px) {
 
  
  .schedule-table {
    font-size: 16px;
}