@zsoltszabo/reg-pontok-terkep/src/app/rp-terkep/info-panel/info-panel.component.less

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 6.1.1.

@color: #08384f;
@font-family: MyriadPro;

.main, .main-sm {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.text(@font-size,  @font-weight, @line-height) {
  font-family: @font-family;
  color: @color;
  letter-spacing: normal;
  text-align: center;
  font-style: normal;
  font-stretch: normal;
  font-size: @font-size;
  font-weight: @font-weight;
  line-height: @line-height;
  padding-left: 5px;
  padding-right: 5px;
}

.main {
  .info {
    margin-bottom: 39px;

    .title {
      .text(22px, bold, 1.09);
    }
   
    .content {
      .text(18px, normal, 1.33);
    }

  }

  .contacts {
    margin-bottom: 39px;
    .title {
      .text(16px, bold, 1.5);
    }
    
    .content {
      .text(16px, normal, 1.19);
    }
  }

  .actions {
    .direction {
      font-size: 14px !important;
      padding: 0px 16px !important;
    }
  }
}

/* small screen */

.main-sm {
  padding: 28px 16px 28px 16px !important;

  .info {
    .title {
      .text(18px, bold, 1.33);
    }
    
    .content {
      .text(16px, normal, 1.5);
    }
  }

  .contacts {
    margin-bottom: 16px;
    .title {
      .text(16px, bold, 1.5);
    }
    
    .content {
      .text(16px, normal, 1.19);
    }
  }

  .actions {
    .direction {
      font-size: 14px !important;
      padding: 0px 16px !important;
    }
  }
}