/* @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    */
/*****************************************/

@media (max-width: 767px) {
  .dnd_area-row-0-background-layers {
    position: relative;
    background-size: 100% auto !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
  }

  .dnd_area-row-0-background-layers .hero-detail {
    font-size: 16px !important;
  }
/*
  .section-header h2 {
    font-size: 28px !important;
    margin-bottom: 0 !important;
  }

  .section-header p {
    font-size: 14px !important;
    margin-bottom: 0.5em !important;
  }
  
  .section-header,
  .section-header [style*="text-align"] {
    text-align: left !important;
  }
  
  /*
  .section-header h2,
  .section-header h2 *,
  .section-header h2 strong,
  .section-header h2 b,
  .section-header h2 [style*="font-weight"] {
    font-weight: 400 !important;
  }
  */
*/  
  .callout-box {
    padding: 30px !important;
  }
  
  h3.crosslink {
    font-size: 18px !important;
  }

  p.crosslink {
    font-size: 14px !important;
  }
  
  .asterisk-bullet {
    height: 30px !important;
    width: auto !important;
    max-width: none !important;
  }
  
}