/* Displays
------------------------------------
*/

.d-none{display: none;}
.d-block{display: block;}
.d-inline-block{display: inline-block;}
.d-flex{display: -webkit-box;display: -ms-flexbox;display: flex;}


@media (min-width: 576px) {
  .d-s-none{display: none;}
  .d-s-block{display: block;}
  .d-s-inline-block{display: inline-block;}
  .d-s-flex{display: -webkit-box;display: -ms-flexbox;display: flex;}
}

@media (min-width: 768px) {
  .d-m-none{display: none;}
  .d-m-block{display: block;}
  .d-m-inline-block{display: inline-block;}
  .d-m-flex{display: -webkit-box;display: -ms-flexbox;display: flex;}
}

@media (min-width: 992px) {
  .d-l-none{display: none;}
  .d-l-block{display: block;}
  .d-l-inline-block{display: inline-block;}
  .d-l-flex{display: -webkit-box;display: -ms-flexbox;display: flex;}
}

@media (min-width: 1200px) {
  .d-xl-none{display: none;}
  .d-xl-block{display: block;}
  .d-xl-inline-block{display: inline-block;}
  .d-xl-flex{display: -webkit-box;display: -ms-flexbox;display: flex;}
}

@media (min-width: 1480px) {
  .d-xxl-none{display: none;}
  .d-xxl-block{display: block;}
  .d-xxl-inline-block{display: inline-block;}
  .d-xxl-flex{display: -webkit-box;display: -ms-flexbox;display: flex;}
}

/* Flex directions
------------------------------------
*/

.flex-column{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.flex-row{-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}

@media (min-width: 576px) {
  .flex-s-column{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  .flex-s-row{-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
}

@media (min-width: 768px) {
  .flex-m-column{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  .flex-m-row{-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
}

@media (min-width: 992px) {
  .flex-l-column{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  .flex-l-row{-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
}

@media (min-width: 1200px) {
  .flex-xl-column{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  .flex-xl-row{-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
}

/* Flex wrap
------------------------------------
*/

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

/* Flex justify content
------------------------------------
*/

.justify-content-start{-webkit-box-pack : start;-ms-flex-pack : start;justify-content : flex-start;}
.justify-content-center{-webkit-box-pack : center;-ms-flex-pack : center;justify-content : center;}
.justify-content-end{-webkit-box-pack : end;-ms-flex-pack : end;justify-content : flex-end;}
.justify-content-around{-ms-flex-pack : distribute;justify-content : space-around;}
.justify-content-between{-webkit-box-pack : justify;-ms-flex-pack : justify;justify-content : space-between; }

@media (min-width: 576px) {
  .justify-s-content-start{-webkit-box-pack : start;-ms-flex-pack : start;justify-content : flex-start;}
  .justify-s-content-center{-webkit-box-pack : center;-ms-flex-pack : center;justify-content : center;}
  .justify-s-content-end{-webkit-box-pack : end;-ms-flex-pack : end;justify-content : flex-end;}
  .justify-s-content-around{-ms-flex-pack : distribute;justify-content : space-around;}
  .justify-s-content-between{-webkit-box-pack : justify;-ms-flex-pack : justify;justify-content : space-between; }
}

@media (min-width: 768px) {
  .justify-m-content-start{-webkit-box-pack : start;-ms-flex-pack : start;justify-content : flex-start;}
  .justify-m-content-center{-webkit-box-pack : center;-ms-flex-pack : center;justify-content : center;}
  .justify-m-content-end{-webkit-box-pack : end;-ms-flex-pack : end;justify-content : flex-end;}
  .justify-m-content-around{-ms-flex-pack : distribute;justify-content : space-around;}
  .justify-m-content-between{-webkit-box-pack : justify;-ms-flex-pack : justify;justify-content : space-between; }
}

@media (min-width: 992px) {
  .justify-l-content-start{-webkit-box-pack : start;-ms-flex-pack : start;justify-content : flex-start;}
  .justify-l-content-center{-webkit-box-pack : center;-ms-flex-pack : center;justify-content : center;}
  .justify-l-content-end{-webkit-box-pack : end;-ms-flex-pack : end;justify-content : flex-end;}
  .justify-l-content-around{-ms-flex-pack : distribute;justify-content : space-around;}
  .justify-l-content-between{-webkit-box-pack : justify;-ms-flex-pack : justify;justify-content : space-between; }
}

@media (min-width: 1200px) {
  .justify-xl-content-start{-webkit-box-pack : start;-ms-flex-pack : start;justify-content : flex-start;}
  .justify-xl-content-center{-webkit-box-pack : center;-ms-flex-pack : center;justify-content : center;}
  .justify-xl-content-end{-webkit-box-pack : end;-ms-flex-pack : end;justify-content : flex-end;}
  .justify-xl-content-around{-ms-flex-pack : distribute;justify-content : space-around;}
  .justify-xl-content-between{-webkit-box-pack : justify;-ms-flex-pack : justify;justify-content : space-between; }
}

/* Flex align items
------------------------------------
*/

.align-items-baseline{-webkit-box-align: baseline;-ms-flex-align: baseline;align-items: baseline;}
.align-items-center{-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.align-items-start{-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.align-items-end{-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}

@media (min-width: 576px) {
  .align-s-items-baseline{-webkit-box-align: baseline;-ms-flex-align: baseline;align-items: baseline;}
  .align-s-items-center{-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
  .align-s-items-start{-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
  .align-s-items-end{-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
}

@media (min-width: 768px) {
  .align-m-items-baseline{-webkit-box-align: baseline;-ms-flex-align: baseline;align-items: baseline;}
  .align-m-items-center{-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
  .align-m-items-start{-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
  .align-m-items-end{-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
}

@media (min-width: 992px) {
  .align-l-items-baseline{-webkit-box-align: baseline;-ms-flex-align: baseline;align-items: baseline;}
  .align-l-items-center{-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
  .align-l-items-start{-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
  .align-l-items-end{-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
}

@media (min-width: 1200px) {
  .align-xl-items-baseline{-webkit-box-align: baseline;-ms-flex-align: baseline;align-items: baseline;}
  .align-xl-items-center{-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
  .align-xl-items-start{-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
  .align-xl-items-end{-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
}

/* Positions
------------------------------------
*/

.position-absolute{position: absolute;}
.position-relative{position:relative;}

/* Text Transforms
------------------------------------
*/

.text-uppercase{text-transform: uppercase;}
.text-lowercase{text-transform: lowercase; justify-content: space-around;}

/* Text Alignments
------------------------------------
*/

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

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

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

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

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

/* Font-weight
------------------------------------
*/
.normal{font-weight: 400}
.medium{font-weight: 500}
.bold{font-weight: 700}
.extra-bold{font-weight: 800}

/* Paddings
------------------------------------
*/

.p-1{padding: 1rem; padding: 16px;}
.p-2{padding: 1.5rem; padding: 24px;}

.pt-1{padding-top: 1rem; padding-top: 16px;}
.pt-2{padding-top: 1.5rem; padding-top: 24px;}

.pr-1{padding-right: 1rem; padding-right: 16px;}
.pr-2{padding-right: 1.5rem; padding-right: 24px;}

.pb-1{padding-bottom: 1rem; padding-bottom: 16px;}
.pb-2{padding-bottom: 1.5rem; padding-bottom: 24px;}

.pl-1{padding-left: 1rem; padding-left: 16px;}
.pl-2{padding-left: 1.5rem; padding-left: 24px;}

/* Margin
------------------------------------
*/

.m-1{margin: 1rem; margin: 16px;}
.m-2{margin: 1.5rem; margin: 24px;}
.m-3{margin: 2rem; margin: 32px;}

.mt-1{margin-top: 1rem; margin-top: 16px;}
.mt-2{margin-top: 1.5rem; margin-top: 24px;}
.mt-3{margin-top: 2rem; margin-top: 32px;}

.mr-1{margin-right: 1rem; margin-right: 16px;}
.mr-2{margin-right: 1.5rem; margin-right: 24px;}
.mr-3{margin-right: 2rem; margin-right: 32px;}

.mb-1{margin-bottom: 1rem; margin-bottom: 16px;}
.mb-2{margin-bottom: 1.5rem; margin-bottom: 24px;}
.mb-3{margin-bottom: 5rem; margin-bottom: 32px;}

.ml-1{margin-left: 1rem; margin-left: 16px;}
.ml-2{margin-left: 1.5rem; margin-left: 24px;}
.ml-3{margin-left: 2rem; margin-left: 32px;}