.grid-row,
.grid-row-np,
.grid-row-npb {
  font-size: 0;
}

.grid-parent {
  padding: 0 !important;
  font-size: 0 !important;
}

[class^="desktop-"],
[class^="desktop-small"],
[class^="tablet-"],
[class^="phablet-"],
[class^="phone-"] {
  font-size: 15px;
  vertical-align: top;
  display: inline-block;
  margin: 0;
  padding: 4px 4px 4px 4px;
  /*color: #4a4a4a;*/
}

.grid-row-np [class^="desktop-"],
.grid-row-np [class^="desktop-small"],
.grid-row-np [class^="tablet-"],
.grid-row-np [class^="phablet-"],
.grid-row-np [class^="phone-"] {
  padding: 0;
}

.grid-row-npb [class^="desktop-"],
.grid-row-npb [class^="desktop-small"],
.grid-row-npb [class^="tablet-"],
.grid-row-npb [class^="phablet-"],
.grid-row-npb [class^="phone-"] {
  padding-bottom: 0;
}

.grid-row-align-center {
  text-align: center;
}

.desktop-hidden {
  display: none;
}

.desktop-5 {
  width: 5%;
  display: inline-block;
  text-align: left;
  margin: 0;
}

.desktop-prepend-5 {
  margin-left: 5% !important;
}

.desktop-append-5 {
  margin-right: 5% !important;
}

.desktop-hidden {
  display: none;
}

.desktop-10 {
  width: 10%;
  display: inline-block;
  text-align: left;
  margin: 0;
}

.desktop-prepend-10 {
  margin-left: 10% !important;
}

.desktop-append-10 {
  margin-right: 10% !important;
}

.desktop-hidden {
  display: none;
}

.desktop-15 {
  width: 15%;
  display: inline-block;
  text-align: left;
  margin: 0;
}

.desktop-prepend-15 {
  margin-left: 15% !important;
}

.desktop-append-15 {
  margin-right: 15% !important;
}

.desktop-hidden {
  display: none;
}

.desktop-20 {
  width: 20%;
  display: inline-block;
  text-align: left;
  margin: 0;
}

.desktop-prepend-20 {
  margin-left: 20% !important;
}

.desktop-append-20 {
  margin-right: 20% !important;
}

.desktop-hidden {
  display: none;
}

.desktop-25 {
  width: 25%;
  display: inline-block;
  text-align: left;
  margin: 0;
}

.desktop-prepend-25 {
  margin-left: 25% !important;
}

.desktop-append-25 {
  margin-right: 25% !important;
}

.desktop-hidden {
  display: none;
}

.desktop-30 {
  width: 30%;
  display: inline-block;
  text-align: left;
  margin: 0;
}

.desktop-prepend-30 {
  margin-left: 30% !important;
}

.desktop-append-30 {
  margin-right: 30% !important;
}

.desktop-hidden {
  display: none;
}

.desktop-35 {
  width: 35%;
  display: inline-block;
  text-align: left;
  margin: 0;
}

.desktop-prepend-35 {
  margin-left: 35% !important;
}

.desktop-append-35 {
  margin-right: 35% !important;
}

.desktop-hidden {
  display: none;
}

.desktop-40 {
  width: 40%;
  display: inline-block;
  text-align: left;
  margin: 0;
}

.desktop-prepend-40 {
  margin-left: 40% !important;
}

.desktop-append-40 {
  margin-right: 40% !important;
}

.desktop-hidden {
  display: none;
}

.desktop-45 {
  width: 45%;
  display: inline-block;
  text-align: left;
  margin: 0;
}

.desktop-prepend-45 {
  margin-left: 45% !important;
}

.desktop-append-45 {
  margin-right: 45% !important;
}

.desktop-hidden {
  display: none;
}

.desktop-50 {
  width: 50%;
  display: inline-block;
  text-align: left;
  margin: 0;
}

.desktop-prepend-50 {
  margin-left: 50% !important;
}

.desktop-append-50 {
  margin-right: 50% !important;
}

.desktop-hidden {
  display: none;
}

.desktop-55 {
  width: 55%;
  display: inline-block;
  text-align: left;
  margin: 0;
}

.desktop-prepend-55 {
  margin-left: 55% !important;
}

.desktop-append-55 {
  margin-right: 55% !important;
}

.desktop-hidden {
  display: none;
}

.desktop-60 {
  width: 60%;
  display: inline-block;
  text-align: left;
  margin: 0;
}

.desktop-prepend-60 {
  margin-left: 60% !important;
}

.desktop-append-60 {
  margin-right: 60% !important;
}

.desktop-hidden {
  display: none;
}

.desktop-65 {
  width: 65%;
  display: inline-block;
  text-align: left;
  margin: 0;
}

.desktop-prepend-65 {
  margin-left: 65% !important;
}

.desktop-append-65 {
  margin-right: 65% !important;
}

.desktop-hidden {
  display: none;
}

.desktop-70 {
  width: 70%;
  display: inline-block;
  text-align: left;
  margin: 0;
}

.desktop-prepend-70 {
  margin-left: 70% !important;
}

.desktop-append-70 {
  margin-right: 70% !important;
}

.desktop-hidden {
  display: none;
}

.desktop-75 {
  width: 75%;
  display: inline-block;
  text-align: left;
  margin: 0;
}

.desktop-prepend-75 {
  margin-left: 75% !important;
}

.desktop-append-75 {
  margin-right: 75% !important;
}

.desktop-hidden {
  display: none;
}

.desktop-80 {
  width: 80%;
  display: inline-block;
  text-align: left;
  margin: 0;
}

.desktop-prepend-80 {
  margin-left: 80% !important;
}

.desktop-append-80 {
  margin-right: 80% !important;
}

.desktop-hidden {
  display: none;
}

.desktop-85 {
  width: 85%;
  display: inline-block;
  text-align: left;
  margin: 0;
}

.desktop-prepend-85 {
  margin-left: 85% !important;
}

.desktop-append-85 {
  margin-right: 85% !important;
}

.desktop-hidden {
  display: none;
}

.desktop-90 {
  width: 90%;
  display: inline-block;
  text-align: left;
  margin: 0;
}

.desktop-prepend-90 {
  margin-left: 90% !important;
}

.desktop-append-90 {
  margin-right: 90% !important;
}

.desktop-hidden {
  display: none;
}

.desktop-95 {
  width: 95%;
  display: inline-block;
  text-align: left;
  margin: 0;
}

.desktop-prepend-95 {
  margin-left: 95% !important;
}

.desktop-append-95 {
  margin-right: 95% !important;
}

.desktop-hidden {
  display: none;
}

.desktop-100 {
  width: 100%;
  display: inline-block;
  text-align: left;
  margin: 0;
}

.desktop-prepend-100 {
  margin-left: 100% !important;
}

.desktop-append-100 {
  margin-right: 100% !important;
}

.desktop-prepend-0 {
  margin-left: 0 !important;
}

.desktop-append-0 {
  margin-right: 0 !important;
}

.desktop-no-padding {
  padding-bottom: 0px;
}

.desktop-align-right {
  text-align: right;
}

.desktop-align-center {
  text-align: center;
}

.desktop-valign-center {
  vertical-align: middle;
}

.desktop-33 {
  width: 33.33333333%;
  display: inline-block;
  text-align: left;
  margin: 0;
}

.desktop-prepend-33 {
  margin-left: 33.33333333% !important;
}

.desktop-append-33 {
  margin-right: 33.33333333% !important;
}

.desktop-66 {
  width: 66.66666666%;
  display: inline-block;
  text-align: left;
  margin: 0;
}

.desktop-prepend-66 {
  margin-left: 66.66666666% !important;
}

.desktop-append-66 {
  margin-right: 66.66666666% !important;
}

@media only screen and (max-width: 1200px) {
  .desktop-small-hidden {
    display: none;
  }
  .desktop-small-5 {
    width: 5%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .desktop-small-prepend-5 {
    margin-left: 5% !important;
  }
  .desktop-small-append-5 {
    margin-right: 5% !important;
  }
  .desktop-small-hidden {
    display: none;
  }
  .desktop-small-10 {
    width: 10%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .desktop-small-prepend-10 {
    margin-left: 10% !important;
  }
  .desktop-small-append-10 {
    margin-right: 10% !important;
  }
  .desktop-small-hidden {
    display: none;
  }
  .desktop-small-15 {
    width: 15%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .desktop-small-prepend-15 {
    margin-left: 15% !important;
  }
  .desktop-small-append-15 {
    margin-right: 15% !important;
  }
  .desktop-small-hidden {
    display: none;
  }
  .desktop-small-20 {
    width: 20%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .desktop-small-prepend-20 {
    margin-left: 20% !important;
  }
  .desktop-small-append-20 {
    margin-right: 20% !important;
  }
  .desktop-small-hidden {
    display: none;
  }
  .desktop-small-25 {
    width: 25%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .desktop-small-prepend-25 {
    margin-left: 25% !important;
  }
  .desktop-small-append-25 {
    margin-right: 25% !important;
  }
  .desktop-small-hidden {
    display: none;
  }
  .desktop-small-30 {
    width: 30%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .desktop-small-prepend-30 {
    margin-left: 30% !important;
  }
  .desktop-small-append-30 {
    margin-right: 30% !important;
  }
  .desktop-small-hidden {
    display: none;
  }
  .desktop-small-35 {
    width: 35%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .desktop-small-prepend-35 {
    margin-left: 35% !important;
  }
  .desktop-small-append-35 {
    margin-right: 35% !important;
  }
  .desktop-small-hidden {
    display: none;
  }
  .desktop-small-40 {
    width: 40%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .desktop-small-prepend-40 {
    margin-left: 40% !important;
  }
  .desktop-small-append-40 {
    margin-right: 40% !important;
  }
  .desktop-small-hidden {
    display: none;
  }
  .desktop-small-45 {
    width: 45%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .desktop-small-prepend-45 {
    margin-left: 45% !important;
  }
  .desktop-small-append-45 {
    margin-right: 45% !important;
  }
  .desktop-small-hidden {
    display: none;
  }
  .desktop-small-50 {
    width: 50%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .desktop-small-prepend-50 {
    margin-left: 50% !important;
  }
  .desktop-small-append-50 {
    margin-right: 50% !important;
  }
  .desktop-small-hidden {
    display: none;
  }
  .desktop-small-55 {
    width: 55%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .desktop-small-prepend-55 {
    margin-left: 55% !important;
  }
  .desktop-small-append-55 {
    margin-right: 55% !important;
  }
  .desktop-small-hidden {
    display: none;
  }
  .desktop-small-60 {
    width: 60%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .desktop-small-prepend-60 {
    margin-left: 60% !important;
  }
  .desktop-small-append-60 {
    margin-right: 60% !important;
  }
  .desktop-small-hidden {
    display: none;
  }
  .desktop-small-65 {
    width: 65%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .desktop-small-prepend-65 {
    margin-left: 65% !important;
  }
  .desktop-small-append-65 {
    margin-right: 65% !important;
  }
  .desktop-small-hidden {
    display: none;
  }
  .desktop-small-70 {
    width: 70%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .desktop-small-prepend-70 {
    margin-left: 70% !important;
  }
  .desktop-small-append-70 {
    margin-right: 70% !important;
  }
  .desktop-small-hidden {
    display: none;
  }
  .desktop-small-75 {
    width: 75%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .desktop-small-prepend-75 {
    margin-left: 75% !important;
  }
  .desktop-small-append-75 {
    margin-right: 75% !important;
  }
  .desktop-small-hidden {
    display: none;
  }
  .desktop-small-80 {
    width: 80%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .desktop-small-prepend-80 {
    margin-left: 80% !important;
  }
  .desktop-small-append-80 {
    margin-right: 80% !important;
  }
  .desktop-small-hidden {
    display: none;
  }
  .desktop-small-85 {
    width: 85%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .desktop-small-prepend-85 {
    margin-left: 85% !important;
  }
  .desktop-small-append-85 {
    margin-right: 85% !important;
  }
  .desktop-small-hidden {
    display: none;
  }
  .desktop-small-90 {
    width: 90%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .desktop-small-prepend-90 {
    margin-left: 90% !important;
  }
  .desktop-small-append-90 {
    margin-right: 90% !important;
  }
  .desktop-small-hidden {
    display: none;
  }
  .desktop-small-95 {
    width: 95%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .desktop-small-prepend-95 {
    margin-left: 95% !important;
  }
  .desktop-small-append-95 {
    margin-right: 95% !important;
  }
  .desktop-small-hidden {
    display: none;
  }
  .desktop-small-100 {
    width: 100%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .desktop-small-prepend-100 {
    margin-left: 100% !important;
  }
  .desktop-small-append-100 {
    margin-right: 100% !important;
  }
  .desktop-small-prepend-0 {
    margin-left: 0 !important;
  }
  .desktop-small-append-0 {
    margin-right: 0 !important;
  }
  .desktop-small-no-padding {
    padding-bottom: 0px;
  }
  .desktop-small-align-right {
    text-align: right;
  }
  .desktop-small-align-center {
    text-align: center;
  }
  .desktop-small-valign-center {
    vertical-align: middle;
  }
  .desktop-small-33 {
    width: 33.33333333%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .desktop-small-prepend-33 {
    margin-left: 33.33333333% !important;
  }
  .desktop-small-append-33 {
    margin-right: 33.33333333% !important;
  }
  .desktop-small-66 {
    width: 66.66666666%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .desktop-small-prepend-66 {
    margin-left: 66.66666666% !important;
  }
  .desktop-small-append-66 {
    margin-right: 66.66666666% !important;
  }
}

@media only screen and (max-width: 992px) {
  .tablet-hidden {
    display: none;
  }
  .tablet-5 {
    width: 5%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .tablet-prepend-5 {
    margin-left: 5% !important;
  }
  .tablet-append-5 {
    margin-right: 5% !important;
  }
  .tablet-hidden {
    display: none;
  }
  .tablet-10 {
    width: 10%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .tablet-prepend-10 {
    margin-left: 10% !important;
  }
  .tablet-append-10 {
    margin-right: 10% !important;
  }
  .tablet-hidden {
    display: none;
  }
  .tablet-15 {
    width: 15%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .tablet-prepend-15 {
    margin-left: 15% !important;
  }
  .tablet-append-15 {
    margin-right: 15% !important;
  }
  .tablet-hidden {
    display: none;
  }
  .tablet-20 {
    width: 20%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .tablet-prepend-20 {
    margin-left: 20% !important;
  }
  .tablet-append-20 {
    margin-right: 20% !important;
  }
  .tablet-hidden {
    display: none;
  }
  .tablet-25 {
    width: 25%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .tablet-prepend-25 {
    margin-left: 25% !important;
  }
  .tablet-append-25 {
    margin-right: 25% !important;
  }
  .tablet-hidden {
    display: none;
  }
  .tablet-30 {
    width: 30%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .tablet-prepend-30 {
    margin-left: 30% !important;
  }
  .tablet-append-30 {
    margin-right: 30% !important;
  }
  .tablet-hidden {
    display: none;
  }
  .tablet-35 {
    width: 35%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .tablet-prepend-35 {
    margin-left: 35% !important;
  }
  .tablet-append-35 {
    margin-right: 35% !important;
  }
  .tablet-hidden {
    display: none;
  }
  .tablet-40 {
    width: 40%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .tablet-prepend-40 {
    margin-left: 40% !important;
  }
  .tablet-append-40 {
    margin-right: 40% !important;
  }
  .tablet-hidden {
    display: none;
  }
  .tablet-45 {
    width: 45%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .tablet-prepend-45 {
    margin-left: 45% !important;
  }
  .tablet-append-45 {
    margin-right: 45% !important;
  }
  .tablet-hidden {
    display: none;
  }
  .tablet-50 {
    width: 50%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .tablet-prepend-50 {
    margin-left: 50% !important;
  }
  .tablet-append-50 {
    margin-right: 50% !important;
  }
  .tablet-hidden {
    display: none;
  }
  .tablet-55 {
    width: 55%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .tablet-prepend-55 {
    margin-left: 55% !important;
  }
  .tablet-append-55 {
    margin-right: 55% !important;
  }
  .tablet-hidden {
    display: none;
  }
  .tablet-60 {
    width: 60%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .tablet-prepend-60 {
    margin-left: 60% !important;
  }
  .tablet-append-60 {
    margin-right: 60% !important;
  }
  .tablet-hidden {
    display: none;
  }
  .tablet-65 {
    width: 65%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .tablet-prepend-65 {
    margin-left: 65% !important;
  }
  .tablet-append-65 {
    margin-right: 65% !important;
  }
  .tablet-hidden {
    display: none;
  }
  .tablet-70 {
    width: 70%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .tablet-prepend-70 {
    margin-left: 70% !important;
  }
  .tablet-append-70 {
    margin-right: 70% !important;
  }
  .tablet-hidden {
    display: none;
  }
  .tablet-75 {
    width: 75%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .tablet-prepend-75 {
    margin-left: 75% !important;
  }
  .tablet-append-75 {
    margin-right: 75% !important;
  }
  .tablet-hidden {
    display: none;
  }
  .tablet-80 {
    width: 80%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .tablet-prepend-80 {
    margin-left: 80% !important;
  }
  .tablet-append-80 {
    margin-right: 80% !important;
  }
  .tablet-hidden {
    display: none;
  }
  .tablet-85 {
    width: 85%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .tablet-prepend-85 {
    margin-left: 85% !important;
  }
  .tablet-append-85 {
    margin-right: 85% !important;
  }
  .tablet-hidden {
    display: none;
  }
  .tablet-90 {
    width: 90%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .tablet-prepend-90 {
    margin-left: 90% !important;
  }
  .tablet-append-90 {
    margin-right: 90% !important;
  }
  .tablet-hidden {
    display: none;
  }
  .tablet-95 {
    width: 95%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .tablet-prepend-95 {
    margin-left: 95% !important;
  }
  .tablet-append-95 {
    margin-right: 95% !important;
  }
  .tablet-hidden {
    display: none;
  }
  .tablet-100 {
    width: 100%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .tablet-prepend-100 {
    margin-left: 100% !important;
  }
  .tablet-append-100 {
    margin-right: 100% !important;
  }
  .tablet-prepend-0 {
    margin-left: 0 !important;
  }
  .tablet-append-0 {
    margin-right: 0 !important;
  }
  .tablet-no-padding {
    padding-bottom: 0px;
  }
  .tablet-align-right {
    text-align: right;
  }
  .tablet-align-center {
    text-align: center;
  }
  .tablet-valign-center {
    vertical-align: middle;
  }
  .tablet-33 {
    width: 33.33333333%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .tablet-prepend-33 {
    margin-left: 33.33333333% !important;
  }
  .tablet-append-33 {
    margin-right: 33.33333333% !important;
  }
  .tablet-66 {
    width: 66.66666666%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .tablet-prepend-66 {
    margin-left: 66.66666666% !important;
  }
  .tablet-append-66 {
    margin-right: 66.66666666% !important;
  }
}

@media only screen and (max-width: 768px) {
  .phablet-hidden {
    display: none;
  }
  .phablet-5 {
    width: 5%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phablet-prepend-5 {
    margin-left: 5% !important;
  }
  .phablet-append-5 {
    margin-right: 5% !important;
  }
  .phablet-hidden {
    display: none;
  }
  .phablet-10 {
    width: 10%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phablet-prepend-10 {
    margin-left: 10% !important;
  }
  .phablet-append-10 {
    margin-right: 10% !important;
  }
  .phablet-hidden {
    display: none;
  }
  .phablet-15 {
    width: 15%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phablet-prepend-15 {
    margin-left: 15% !important;
  }
  .phablet-append-15 {
    margin-right: 15% !important;
  }
  .phablet-hidden {
    display: none;
  }
  .phablet-20 {
    width: 20%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phablet-prepend-20 {
    margin-left: 20% !important;
  }
  .phablet-append-20 {
    margin-right: 20% !important;
  }
  .phablet-hidden {
    display: none;
  }
  .phablet-25 {
    width: 25%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phablet-prepend-25 {
    margin-left: 25% !important;
  }
  .phablet-append-25 {
    margin-right: 25% !important;
  }
  .phablet-hidden {
    display: none;
  }
  .phablet-30 {
    width: 30%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phablet-prepend-30 {
    margin-left: 30% !important;
  }
  .phablet-append-30 {
    margin-right: 30% !important;
  }
  .phablet-hidden {
    display: none;
  }
  .phablet-35 {
    width: 35%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phablet-prepend-35 {
    margin-left: 35% !important;
  }
  .phablet-append-35 {
    margin-right: 35% !important;
  }
  .phablet-hidden {
    display: none;
  }
  .phablet-40 {
    width: 40%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phablet-prepend-40 {
    margin-left: 40% !important;
  }
  .phablet-append-40 {
    margin-right: 40% !important;
  }
  .phablet-hidden {
    display: none;
  }
  .phablet-45 {
    width: 45%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phablet-prepend-45 {
    margin-left: 45% !important;
  }
  .phablet-append-45 {
    margin-right: 45% !important;
  }
  .phablet-hidden {
    display: none;
  }
  .phablet-50 {
    width: 50%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phablet-prepend-50 {
    margin-left: 50% !important;
  }
  .phablet-append-50 {
    margin-right: 50% !important;
  }
  .phablet-hidden {
    display: none;
  }
  .phablet-55 {
    width: 55%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phablet-prepend-55 {
    margin-left: 55% !important;
  }
  .phablet-append-55 {
    margin-right: 55% !important;
  }
  .phablet-hidden {
    display: none;
  }
  .phablet-60 {
    width: 60%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phablet-prepend-60 {
    margin-left: 60% !important;
  }
  .phablet-append-60 {
    margin-right: 60% !important;
  }
  .phablet-hidden {
    display: none;
  }
  .phablet-65 {
    width: 65%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phablet-prepend-65 {
    margin-left: 65% !important;
  }
  .phablet-append-65 {
    margin-right: 65% !important;
  }
  .phablet-hidden {
    display: none;
  }
  .phablet-70 {
    width: 70%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phablet-prepend-70 {
    margin-left: 70% !important;
  }
  .phablet-append-70 {
    margin-right: 70% !important;
  }
  .phablet-hidden {
    display: none;
  }
  .phablet-75 {
    width: 75%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phablet-prepend-75 {
    margin-left: 75% !important;
  }
  .phablet-append-75 {
    margin-right: 75% !important;
  }
  .phablet-hidden {
    display: none;
  }
  .phablet-80 {
    width: 80%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phablet-prepend-80 {
    margin-left: 80% !important;
  }
  .phablet-append-80 {
    margin-right: 80% !important;
  }
  .phablet-hidden {
    display: none;
  }
  .phablet-85 {
    width: 85%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phablet-prepend-85 {
    margin-left: 85% !important;
  }
  .phablet-append-85 {
    margin-right: 85% !important;
  }
  .phablet-hidden {
    display: none;
  }
  .phablet-90 {
    width: 90%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phablet-prepend-90 {
    margin-left: 90% !important;
  }
  .phablet-append-90 {
    margin-right: 90% !important;
  }
  .phablet-hidden {
    display: none;
  }
  .phablet-95 {
    width: 95%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phablet-prepend-95 {
    margin-left: 95% !important;
  }
  .phablet-append-95 {
    margin-right: 95% !important;
  }
  .phablet-hidden {
    display: none;
  }
  .phablet-100 {
    width: 100%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phablet-prepend-100 {
    margin-left: 100% !important;
  }
  .phablet-append-100 {
    margin-right: 100% !important;
  }
  .phablet-prepend-0 {
    margin-left: 0 !important;
  }
  .phablet-append-0 {
    margin-right: 0 !important;
  }
  .phablet-no-padding {
    padding-bottom: 0px;
  }
  .phablet-align-right {
    text-align: right;
  }
  .phablet-align-center {
    text-align: center;
  }
  .phablet-valign-center {
    vertical-align: middle;
  }
  .phablet-33 {
    width: 33.33333333%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phablet-prepend-33 {
    margin-left: 33.33333333% !important;
  }
  .phablet-append-33 {
    margin-right: 33.33333333% !important;
  }
  .phablet-66 {
    width: 66.66666666%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phablet-prepend-66 {
    margin-left: 66.66666666% !important;
  }
  .phablet-append-66 {
    margin-right: 66.66666666% !important;
  }
}

@media only screen and (max-width: 480px) {
  .phone-hidden {
    display: none;
  }
  .phone-5 {
    width: 5%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phone-prepend-5 {
    margin-left: 5% !important;
  }
  .phone-append-5 {
    margin-right: 5% !important;
  }
  .phone-hidden {
    display: none;
  }
  .phone-10 {
    width: 10%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phone-prepend-10 {
    margin-left: 10% !important;
  }
  .phone-append-10 {
    margin-right: 10% !important;
  }
  .phone-hidden {
    display: none;
  }
  .phone-15 {
    width: 15%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phone-prepend-15 {
    margin-left: 15% !important;
  }
  .phone-append-15 {
    margin-right: 15% !important;
  }
  .phone-hidden {
    display: none;
  }
  .phone-20 {
    width: 20%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phone-prepend-20 {
    margin-left: 20% !important;
  }
  .phone-append-20 {
    margin-right: 20% !important;
  }
  .phone-hidden {
    display: none;
  }
  .phone-25 {
    width: 25%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phone-prepend-25 {
    margin-left: 25% !important;
  }
  .phone-append-25 {
    margin-right: 25% !important;
  }
  .phone-hidden {
    display: none;
  }
  .phone-30 {
    width: 30%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phone-prepend-30 {
    margin-left: 30% !important;
  }
  .phone-append-30 {
    margin-right: 30% !important;
  }
  .phone-hidden {
    display: none;
  }
  .phone-35 {
    width: 35%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phone-prepend-35 {
    margin-left: 35% !important;
  }
  .phone-append-35 {
    margin-right: 35% !important;
  }
  .phone-hidden {
    display: none;
  }
  .phone-40 {
    width: 40%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phone-prepend-40 {
    margin-left: 40% !important;
  }
  .phone-append-40 {
    margin-right: 40% !important;
  }
  .phone-hidden {
    display: none;
  }
  .phone-45 {
    width: 45%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phone-prepend-45 {
    margin-left: 45% !important;
  }
  .phone-append-45 {
    margin-right: 45% !important;
  }
  .phone-hidden {
    display: none;
  }
  .phone-50 {
    width: 50%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phone-prepend-50 {
    margin-left: 50% !important;
  }
  .phone-append-50 {
    margin-right: 50% !important;
  }
  .phone-hidden {
    display: none;
  }
  .phone-55 {
    width: 55%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phone-prepend-55 {
    margin-left: 55% !important;
  }
  .phone-append-55 {
    margin-right: 55% !important;
  }
  .phone-hidden {
    display: none;
  }
  .phone-60 {
    width: 60%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phone-prepend-60 {
    margin-left: 60% !important;
  }
  .phone-append-60 {
    margin-right: 60% !important;
  }
  .phone-hidden {
    display: none;
  }
  .phone-65 {
    width: 65%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phone-prepend-65 {
    margin-left: 65% !important;
  }
  .phone-append-65 {
    margin-right: 65% !important;
  }
  .phone-hidden {
    display: none;
  }
  .phone-70 {
    width: 70%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phone-prepend-70 {
    margin-left: 70% !important;
  }
  .phone-append-70 {
    margin-right: 70% !important;
  }
  .phone-hidden {
    display: none;
  }
  .phone-75 {
    width: 75%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phone-prepend-75 {
    margin-left: 75% !important;
  }
  .phone-append-75 {
    margin-right: 75% !important;
  }
  .phone-hidden {
    display: none;
  }
  .phone-80 {
    width: 80%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phone-prepend-80 {
    margin-left: 80% !important;
  }
  .phone-append-80 {
    margin-right: 80% !important;
  }
  .phone-hidden {
    display: none;
  }
  .phone-85 {
    width: 85%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phone-prepend-85 {
    margin-left: 85% !important;
  }
  .phone-append-85 {
    margin-right: 85% !important;
  }
  .phone-hidden {
    display: none;
  }
  .phone-90 {
    width: 90%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phone-prepend-90 {
    margin-left: 90% !important;
  }
  .phone-append-90 {
    margin-right: 90% !important;
  }
  .phone-hidden {
    display: none;
  }
  .phone-95 {
    width: 95%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phone-prepend-95 {
    margin-left: 95% !important;
  }
  .phone-append-95 {
    margin-right: 95% !important;
  }
  .phone-hidden {
    display: none;
  }
  .phone-100 {
    width: 100%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phone-prepend-100 {
    margin-left: 100% !important;
  }
  .phone-append-100 {
    margin-right: 100% !important;
  }
  .phone-prepend-0 {
    margin-left: 0 !important;
  }
  .phone-append-0 {
    margin-right: 0 !important;
  }
  .phone-no-padding {
    padding-bottom: 0px;
  }
  .phone-align-right {
    text-align: right;
  }
  .phone-align-center {
    text-align: center;
  }
  .phone-valign-center {
    vertical-align: middle;
  }
  .phone-33 {
    width: 33.33333333%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phone-prepend-33 {
    margin-left: 33.33333333% !important;
  }
  .phone-append-33 {
    margin-right: 33.33333333% !important;
  }
  .phone-66 {
    width: 66.66666666%;
    display: inline-block;
    text-align: left;
    margin: 0;
  }
  .phone-prepend-66 {
    margin-left: 66.66666666% !important;
  }
  .phone-append-66 {
    margin-right: 66.66666666% !important;
  }
}

/*

@media only screen and (min-width: 0) and (max-width: 480px)
{
    @include gridgen('phone');
}

@media only screen and (min-width: 481px) and (max-width: 768px)
{
    @include gridgen('phablet');
}

@media only screen and (min-width: 769px) and (max-width: 992px)
{
    @include gridgen('tablet');
}

@media only screen and (min-width: 993px) and (max-width: 1200px)
{
    @include gridgen('desktop-small');
}

@media only screen and (min-width: 1201px)
{
    @include gridgen('desktop');
}
*/

*, ::before, ::after {
  box-sizing: border-box;
}

*:focus {
  outline: none;
}