/**
 * Breakpoints
 * ----------------
 * For each breakpoint styles will be applied
 * from the size e.g. for "large" styles will
 * be applied once the width of the viewport
 * is 1200px.
 *
 * Use default styles that are applicable
 * from 0px and only override
 * styles using breakpoints
 * when needed.
 */
/**
 * Fonts
 */
/* Font size labels correspond to breakpoints */
/**
 * Boxgrid variables
 */
/**
 * Colours
 */
/**
 * Animation
 */
/**
 * General
 */
/**
 * Applys a breakpoint around the provided content
 * @param  {string} $size size of the breakpoint
 * @return {null}       nothing returned breakpoint code wrapped around content
 */
.crush_sliders_slide.title_with_paragraph {
  box-sizing: border-box;
  text-transform: uppercase;
  font-size: 9px; }
  @media only screen and (min-width: 550px) {
    .crush_sliders_slide.title_with_paragraph {
      font-size: 10px; } }
  @media only screen and (min-width: 800px) {
    .crush_sliders_slide.title_with_paragraph {
      font-size: 12px; } }
  @media only screen and (min-width: 1000px) {
    .crush_sliders_slide.title_with_paragraph {
      font-size: 14px; } }
  .crush_sliders_slide.title_with_paragraph * {
    box-sizing: border-box; }
  .crush_sliders_slide.title_with_paragraph .crush_slider_content {
    padding: 1em; }
    @media only screen and (min-width: 550px) {
      .crush_sliders_slide.title_with_paragraph .crush_slider_content {
        padding-top: 100px; } }
    @media only screen and (min-width: 800px) {
      .crush_sliders_slide.title_with_paragraph .crush_slider_content {
        padding-top: 110px; } }
    @media only screen and (min-width: 1000px) {
      .crush_sliders_slide.title_with_paragraph .crush_slider_content {
        padding: 140px 0 0 0; } }
  .crush_sliders_slide.title_with_paragraph .title {
    font-size: 2.8em;
    font-weight: 400;
    margin-bottom: 0.8em;
    display: block;
    font-family: "PT Serif", serif;
    margin-bottom: 0.5em;
    background-color: rgba(255, 255, 255, 0.6);
    padding: 0.5em; }
    @media only screen and (min-width: 550px) {
      .crush_sliders_slide.title_with_paragraph .title {
        max-width: 50%;
        background: transparent;
        padding: 0; } }
    @media only screen and (min-width: 1000px) {
      .crush_sliders_slide.title_with_paragraph .title {
        max-width: 40%; } }
  .crush_sliders_slide.title_with_paragraph p {
    font-size: 1.6em;
    line-height: 1.1;
    margin-bottom: 1.3em;
    background-color: rgba(255, 255, 255, 0.6);
    padding: 0.5em; }
    @media only screen and (min-width: 550px) {
      .crush_sliders_slide.title_with_paragraph p {
        max-width: 50%;
        background: transparent;
        padding: 0; } }
  .crush_sliders_slide.title_with_paragraph .btn {
    font-size: 1.3em; }

/*# sourceMappingURL=style.css.map */