/*#52771B*/
/* promobar */
/*#7e3bd0*/
/*#d03bc4*/
/* media up to # */
/* media from # up */
.row {
  display: flex;
  flex-flow: row wrap;
  margin: -10px; }

.col {
  flex: 1 0;
  padding: 10px; }

.col-main {
  flex: 1 1 100%;
  padding: 10px; }
  @media (min-width: 980px) {
    .col-main {
      flex: 1 1 60%;
      padding: 10px;
      margin-right: 2%; } }

.col-secondary {
  flex: 1 1 100%;
  background-color: #F4F5F2;
  padding: 10px 20px 10px 10px; }
  @media (min-width: 768px) {
    .col-secondary {
      flex: 1 1 auto;
      box-sizing: border-box;
      padding: 10px 20px 10px 20px;
      margin: 0 -10px;
      max-width: 260px; }
      .col-secondary section:nth-child(2) {
        margin-left: 20px; } }

.col-50 {
  width: 50%; }

.col-100 {
  width: 100%; }

.vertical-centered {
  top: 30%;
  transform: translateY(-30%); }
  @media (min-width: 768px) {
    .vertical-centered {
      top: 50%;
      transform: translateY(-50%); } }

.col-left {
  left: 0px; }

.col-right {
  right: 0px; }

/* responsive tools */
@media (max-width: 767px) {
  .hidden-m-upto {
    display: none; } }

@media (max-width: 979px) {
  .hidden-l-upto {
    display: none; } }