/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.left {
  text-align: left; }

.right {
  text-align: right; }

.center {
  text-align: center; }

.gpl-d-flex {
  display: -ms-flexbox;
  display: flex; }

.gpl-flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.gpl-mb-30 {
  margin-bottom: 30px; }

.gpl-mb-10 {
  margin-bottom: 10px; }

.gpl-mb-15 {
  margin-bottom: 15px; }

.gpl-mb-20 {
  margin-bottom: 20px; }

.gpl-mlr-15 {
  margin-right: 15px;
  margin-left: 15px; }

.gpl-mr-15 {
  margin-right: 15px; }

.gpl-plr-15 {
  padding-right: 15px;
  padding-left: 15px; }

.gpl-pb-5 {
  padding-bottom: 5px; }

.gpl-d-block {
  display: block; }

.gpl-flex {
  -ms-flex: 1 1;
      flex: 1 1; }

.gpl-column-1 {
  width: 100%; }

.gpl-column-2 {
  width: 50%; }

.gpl-column-3 {
  width: 33.333%; }

.gpl-column-4 {
  width: 25%; }

.gpl-column-5 {
  width: 20%; }

.gpl-column-6 {
  width: 16.666%; }

.gpl-column-12 {
  width: 100%; }

.gpl-row {
  margin-left: -15px;
  margin-right: -15px; }

@media screen and (max-width: 767px) {
  .gpl-column-1, .gpl-column-2, .gpl-column-3, .gpl-column-4, .gpl-column-5, .gpl-column-6 {
    width: 100%; } }