/**
 * @file
 * The css file for Bootstrap Paragraphs Two Column Bundle.
 *
 * Compiled from bootstrap-paragraphs-columns-two.less.
 */
/* Two Uneven Columns Paragraph. */
.paragraph.paragraph--type--bp-two-columns > .paragraph__column > div {
  position: relative;
  min-height: 1px;
  padding: 0;
}
.paragraph.paragraph--type--bp-two-columns > .paragraph__column > div.bp_two_col_left {
    padding-right: 15px;
}
.paragraph.paragraph--type--bp-two-columns > .paragraph__column > div.bp_two_col_right{
   padding-left: 15px; 
}

@media (min-width: 768px) {

.paragraph.paragraph--type--bp-two-columns > .paragraph__column > div.bp_two_col_left,
.paragraph.paragraph--type--bp-two-columns > .paragraph__column > div.bp_two_col_right {
  float: left;
}  

.paragraph.paragraph--type--bp-two-columns.paragraph--style--75-25 > .paragraph__column > div.bp_two_col_left {
    width: 75%;
}
.paragraph.paragraph--type--bp-two-columns.paragraph--style--75-25 > .paragraph__column > div.bp_two_col_right{
    width: 25%;
}
.paragraph.paragraph--type--bp-two-columns.paragraph--style--66-33 > .paragraph__column > div.bp_two_col_left {
    width: 66.66666667%;
}
.paragraph.paragraph--type--bp-two-columns.paragraph--style--66-33 > .paragraph__column > div.bp_two_col_right{
    width: 33.33333333%;
}
.paragraph.paragraph--type--bp-two-columns.paragraph--style--33-66 > .paragraph__column > div.bp_two_col_left {
    width: 33.33333333%;
}
.paragraph.paragraph--type--bp-two-columns.paragraph--style--33-66 > .paragraph__column > div.bp_two_col_right{
    width: 66.66666667%;
}
.paragraph.paragraph--type--bp-two-columns.paragraph--style--25-75 > .paragraph__column > div.bp_two_col_left {
    width: 25%;
}
.paragraph.paragraph--type--bp-two-columns.paragraph--style--25-75 > .paragraph__column > div.bp_two_col_right{
    width: 75%;
}


}