/**
 * #.# 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: flex;
}
.gpl-flex-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{
  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%;
  }
}