/* Utilities
-------------------------------------------- */

/* Alignment */

.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left;
  }
  .text-sm-right {
    text-align: right;
  }
  .text-sm-center {
    text-align: center;
  }
  .text-sm-justify {
    text-align: justify;
  }
}

@media (min-width: 768px) {
  .text-md-left {
    text-align: left;
  }
  .text-md-right {
    text-align: right;
  }
  .text-md-center {
    text-align: center;
  }
  .text-md-justify {
    text-align: justify;
  }
}

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left;
  }
  .text-lg-right {
    text-align: right;
  }
  .text-lg-center {
    text-align: center;
  }
  .text-lg-justify {
    text-align: justify;
  }
}

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left;
  }
  .text-xl-right {
    text-align: right;
  }
  .text-xl-center {
    text-align: center;
  }
  .text-xl-justify {
    text-align: justify;
  }
}

/* Embed */

.embed-container {
  position: relative;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.embed-container--4x3 {
  padding-bottom: 75%;
}
.embed-container--16x9 {
  padding-bottom: 56.25%;
}

/* Screen Readers */

.skip-to-content {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
}

/* Spacing */

.mt-0 {
  margin-top: 0;
}
.mt-1 {
  margin-top: 2rem;
}
.mt-2 {
  margin-top: 4rem;
}
.mt-3 {
  margin-top: 6rem;
}
.mt-4 {
  margin-top: 8rem;
}
.mt-5 {
  margin-top: 10rem;
}
.mt-6 {
  margin-top: 12rem;
}

.mb-0 {
  margin-bottom: 0;
}
.mb-1 {
  margin-bottom: 2rem;
}
.mb-2 {
  margin-bottom: 4rem;
}
.mb-3 {
  margin-bottom: 6rem;
}
.mb-4 {
  margin-bottom: 8rem;
}
.mb-5 {
  margin-bottom: 10rem;
}
.mb-6 {
  margin-bottom: 12rem;
}

.pt-0 {
  padding-top: 0;
}
.pt-1 {
  padding-top: 2rem;
}
.pt-2 {
  padding-top: 4rem;
}
.pt-3 {
  padding-top: 6rem;
}
.pt-4 {
  padding-top: 8rem;
}
.pt-5 {
  padding-top: 10rem;
}
.pt-6 {
  padding-top: 12rem;
}

.pb-0 {
  padding-bottom: 0;
}
.pb-1 {
  padding-bottom: 2rem;
}
.pb-2 {
  padding-bottom: 4rem;
}
.pb-3 {
  padding-bottom: 6rem;
}
.pb-4 {
  padding-bottom: 8rem;
}
.pb-5 {
  padding-bottom: 10rem;
}
.pb-6 {
  padding-bottom: 12rem;
}

/* Colors */

.text-white {
  color: #fff;
}

/* Backgrounds */

.bg-white {
  background-color: #fff;
}