/* http://prismjs.com/download.html?themes=prism-okaidia&languages=markup+css+clike+javascript+git+scss */
/**
 * okaidia theme for JavaScript, CSS and HTML
 * Loosely based on Monokai textmate theme by http://www.monokai.nl/
 * @author ocodia
 */
code[class*="language-"],
pre[class*="language-"] {
  color: #f8f8f2;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

/* Code blocks */
pre[class*="language-"] {
  padding: 1em;
  margin: .5em 0;
  overflow: auto;
  border-radius: 0.3em;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
  background: #272822;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
  padding: .1em;
  border-radius: .3em;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: slategray;
}

.token.punctuation {
  color: #f8f8f2;
}

.namespace {
  opacity: .7;
}

.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {
  color: #f92672;
}

.token.boolean,
.token.number {
  color: #ae81ff;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #a6e22e;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
  color: #f8f8f2;
}

.token.atrule,
.token.attr-value,
.token.function {
  color: #e6db74;
}

.token.keyword {
  color: #66d9ef;
}

.token.regex,
.token.important {
  color: #fd971f;
}

.token.important,
.token.bold {
  font-weight: bold;
}

.token.italic {
  font-style: italic;
}

.token.entity {
  cursor: help;
}

.clear {
  float: none;
}

[data-toggle="tooltip"] {
  cursor: pointer;
  position: relative;
}

.sg-tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
  transition: opacity .25s ease;
  transform: translate3d(0, 0, 0);
}

.sg-tooltip.in {
  opacity: .9;
  filter: alpha(opacity=90);
}

.sg-tooltip.top {
  left: 50%;
  padding: 5px 0 0;
  margin-top: -3px;
}

.sg-tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}

.sg-tooltip.bottom {
  left: 50%;
  padding: 5px 0;
  margin-top: 3px;
}

.sg-tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}

.sg-tooltip-inner {
  max-width: 200px;
  padding: 10px 15px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 2px;
  white-space: nowrap;
}

.sg-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.sg-tooltip.top .sg-tooltip-arrow {
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  border-top-color: #000;
  border-width: 5px 5px 0;
}

.sg-tooltip.top-left .sg-tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-top-color: #000;
  border-width: 5px 5px 0;
}

.sg-tooltip.top-right .sg-tooltip-arrow {
  right: 5px;
  bottom: 0;
  border-top-color: #000;
  border-width: 5px 5px 0;
}

.sg-tooltip.right .sg-tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-right-color: #000;
  border-width: 5px 5px 5px 0;
}

.sg-tooltip.left .sg-tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-left-color: #000;
  border-width: 5px 0 5px 5px;
}

.sg-tooltip.bottom .sg-tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #000;
  border-width: 0 5px 5px;
}

.sg-tooltip.bottom-left .sg-tooltip-arrow {
  top: 0;
  left: 5px;
  border-bottom-color: #000;
  border-width: 0 5px 5px;
}

.sg-tooltip.bottom-right .sg-tooltip-arrow {
  top: 0;
  right: 5px;
  border-bottom-color: #000;
  border-width: 0 5px 5px;
}

/************************
BREAKPOINTS - getsimple.io
************************/
/* ============================================
	S I M P L E - G R I D

	Dead simple grids. Cross browser. Semantic. Intuitive. Follows Simple's philosophy of SOMA.

	Browsers: ie8, ie10, ie11, FF, Safari, Chrome

	Dependancies :

		Variables below defined in your _base.scss or similar.

			$container-class: 'foo';
			$row-class: 'foo';
			$column-class: 'bar';
			$gutter: 3%; // spacing between columns
			$max-columns: 6; //  @for loop class declarations - used for equal column single digit
			breakpoint mixin function - included in repo.

	Usage :

		.columns-{percentage, double digit} for mixed columns
			.columns-70, .columns-30 = totaling to 100

		.columns-{single digit number} for equal coloumns
			.columns-1
			.columns-2, .columns-2
			.columns-4, .columns-4, .columns-4, .columns-4

	@include breakpoint($small) {
		@include columns(2);
	}

	or for inline block grids - example below
	.ib {
		@include grid(ib);
		li {
			width: 100%;
			font-size: 1rem;
			@include breakpoint($small) {
				@include columns(2, ib, $gutter: 2%);
			}
			@include breakpoint($medium) {
				@include columns(3, ib, $gutter: 2%);
			}
		}
	}

============================================ */
.clearfix::after {
  clear: both;
  content: '';
  display: block;
}

[class~='container'],
[data-layout='container'] {
  position: relative;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
}

[class~='container']::after,
[data-layout='container']::after {
  clear: both;
  content: '';
  display: block;
}

[class~='row'],
[data-layout='grid'] {
  box-sizing: border-box;
  margin-left: -2rem;
  margin-right: -2rem;
  padding-left: 2rem;
}

[class~='row']::after,
[data-layout='grid']::after {
  clear: both;
  content: '';
  display: block;
}

.no-gutter {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
}

.no-gutter::after {
  clear: both;
  content: '';
  display: block;
}

.reset-gutter {
  margin-left: -2rem;
  margin-right: -2rem;
  padding-left: 2rem;
}

.reset-gutter::after {
  clear: both;
  content: '';
  display: block;
}

[data-columns='1'],
.col-1 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( 100% - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='1'], .no-gutter
.col-1 {
  width: 100%;
}

.no-gutter [data-columns='1'], .no-gutter
.col-1 {
  margin-right: 0;
}

[data-offset-columns='1'],
.offset-col-1 {
  margin-left: 100%;
}

[data-columns='2'],
.col-2 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( 50% - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='2'], .no-gutter
.col-2 {
  width: 50%;
}

.no-gutter [data-columns='2'], .no-gutter
.col-2 {
  margin-right: 0;
}

[data-offset-columns='2'],
.offset-col-2 {
  margin-left: 50%;
}

[data-columns='3'],
.col-3 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( 33.33333% - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='3'], .no-gutter
.col-3 {
  width: 33.33333%;
}

.no-gutter [data-columns='3'], .no-gutter
.col-3 {
  margin-right: 0;
}

[data-offset-columns='3'],
.offset-col-3 {
  margin-left: 33.33333%;
}

[data-columns='4'],
.col-4 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( 25% - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='4'], .no-gutter
.col-4 {
  width: 25%;
}

.no-gutter [data-columns='4'], .no-gutter
.col-4 {
  margin-right: 0;
}

[data-offset-columns='4'],
.offset-col-4 {
  margin-left: 25%;
}

[data-columns='5'],
.col-5 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( 20% - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='5'], .no-gutter
.col-5 {
  width: 20%;
}

.no-gutter [data-columns='5'], .no-gutter
.col-5 {
  margin-right: 0;
}

[data-offset-columns='5'],
.offset-col-5 {
  margin-left: 20%;
}

[data-columns='6'],
.col-6 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( 16.66667% - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='6'], .no-gutter
.col-6 {
  width: 16.66667%;
}

.no-gutter [data-columns='6'], .no-gutter
.col-6 {
  margin-right: 0;
}

[data-offset-columns='6'],
.offset-col-6 {
  margin-left: 16.66667%;
}

[data-columns='7'],
.col-7 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( 14.28571% - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='7'], .no-gutter
.col-7 {
  width: 14.28571%;
}

.no-gutter [data-columns='7'], .no-gutter
.col-7 {
  margin-right: 0;
}

[data-offset-columns='7'],
.offset-col-7 {
  margin-left: 14.28571%;
}

[data-columns='8'],
.col-8 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( 12.5% - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='8'], .no-gutter
.col-8 {
  width: 12.5%;
}

.no-gutter [data-columns='8'], .no-gutter
.col-8 {
  margin-right: 0;
}

[data-offset-columns='8'],
.offset-col-8 {
  margin-left: 12.5%;
}

[data-columns='9'],
.col-9 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( 11.11111% - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='9'], .no-gutter
.col-9 {
  width: 11.11111%;
}

.no-gutter [data-columns='9'], .no-gutter
.col-9 {
  margin-right: 0;
}

[data-offset-columns='9'],
.offset-col-9 {
  margin-left: 11.11111%;
}

[data-columns='10'],
.col-10 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( 10% - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='10'], .no-gutter
.col-10 {
  width: 10%;
}

.no-gutter [data-columns='10'], .no-gutter
.col-10 {
  margin-right: 0;
}

[data-offset-columns='10'],
.offset-col-10 {
  margin-left: 10%;
}

[data-columns='11'],
.col-11 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( 9.09091% - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='11'], .no-gutter
.col-11 {
  width: 9.09091%;
}

.no-gutter [data-columns='11'], .no-gutter
.col-11 {
  margin-right: 0;
}

[data-offset-columns='11'],
.offset-col-11 {
  margin-left: 9.09091%;
}

[data-columns='12'],
.col-12 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( 8.33333% - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='12'], .no-gutter
.col-12 {
  width: 8.33333%;
}

.no-gutter [data-columns='12'], .no-gutter
.col-12 {
  margin-right: 0;
}

[data-offset-columns='12'],
.offset-col-12 {
  margin-left: 8.33333%;
}

[data-columns='.1'],
.col-10 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( ( 0.1 * 100% ) - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.1'], .no-gutter
.col-10 {
  width: 10%;
}

.no-gutter [data-columns='.1'], .no-gutter
.col-10 {
  margin-right: 0;
}

[data-columns='.15'],
.col-15 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( ( 0.15 * 100% ) - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.15'], .no-gutter
.col-15 {
  width: 15%;
}

.no-gutter [data-columns='.15'], .no-gutter
.col-15 {
  margin-right: 0;
}

[data-offset-columns='.1'],
.offset-col-1 {
  margin-left: 100%;
}

[data-offset-columns='.15'],
.offset-col-15 {
  margin-left: 666.66667%;
}

[data-columns='.2'],
.col-20 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( ( 0.2 * 100% ) - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.2'], .no-gutter
.col-20 {
  width: 20%;
}

.no-gutter [data-columns='.2'], .no-gutter
.col-20 {
  margin-right: 0;
}

[data-columns='.25'],
.col-25 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( ( 0.25 * 100% ) - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.25'], .no-gutter
.col-25 {
  width: 25%;
}

.no-gutter [data-columns='.25'], .no-gutter
.col-25 {
  margin-right: 0;
}

[data-offset-columns='.2'],
.offset-col-2 {
  margin-left: 50%;
}

[data-offset-columns='.25'],
.offset-col-25 {
  margin-left: 400%;
}

[data-columns='.3'],
.col-30 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( ( 0.3 * 100% ) - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.3'], .no-gutter
.col-30 {
  width: 30%;
}

.no-gutter [data-columns='.3'], .no-gutter
.col-30 {
  margin-right: 0;
}

[data-columns='.35'],
.col-35 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( ( 0.35 * 100% ) - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.35'], .no-gutter
.col-35 {
  width: 35%;
}

.no-gutter [data-columns='.35'], .no-gutter
.col-35 {
  margin-right: 0;
}

[data-offset-columns='.3'],
.offset-col-3 {
  margin-left: 33.33333%;
}

[data-offset-columns='.35'],
.offset-col-35 {
  margin-left: 285.71429%;
}

[data-columns='.4'],
.col-40 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( ( 0.4 * 100% ) - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.4'], .no-gutter
.col-40 {
  width: 40%;
}

.no-gutter [data-columns='.4'], .no-gutter
.col-40 {
  margin-right: 0;
}

[data-columns='.45'],
.col-45 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( ( 0.45 * 100% ) - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.45'], .no-gutter
.col-45 {
  width: 45%;
}

.no-gutter [data-columns='.45'], .no-gutter
.col-45 {
  margin-right: 0;
}

[data-offset-columns='.4'],
.offset-col-4 {
  margin-left: 25%;
}

[data-offset-columns='.45'],
.offset-col-45 {
  margin-left: 222.22222%;
}

[data-columns='.5'],
.col-50 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( ( 0.5 * 100% ) - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.5'], .no-gutter
.col-50 {
  width: 50%;
}

.no-gutter [data-columns='.5'], .no-gutter
.col-50 {
  margin-right: 0;
}

[data-columns='.55'],
.col-55 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( ( 0.55 * 100% ) - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.55'], .no-gutter
.col-55 {
  width: 55%;
}

.no-gutter [data-columns='.55'], .no-gutter
.col-55 {
  margin-right: 0;
}

[data-offset-columns='.5'],
.offset-col-5 {
  margin-left: 20%;
}

[data-offset-columns='.55'],
.offset-col-55 {
  margin-left: 181.81818%;
}

[data-columns='.6'],
.col-60 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( ( 0.6 * 100% ) - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.6'], .no-gutter
.col-60 {
  width: 60%;
}

.no-gutter [data-columns='.6'], .no-gutter
.col-60 {
  margin-right: 0;
}

[data-columns='.65'],
.col-65 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( ( 0.65 * 100% ) - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.65'], .no-gutter
.col-65 {
  width: 65%;
}

.no-gutter [data-columns='.65'], .no-gutter
.col-65 {
  margin-right: 0;
}

[data-offset-columns='.6'],
.offset-col-6 {
  margin-left: 16.66667%;
}

[data-offset-columns='.65'],
.offset-col-65 {
  margin-left: 153.84615%;
}

[data-columns='.7'],
.col-70 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( ( 0.7 * 100% ) - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.7'], .no-gutter
.col-70 {
  width: 70%;
}

.no-gutter [data-columns='.7'], .no-gutter
.col-70 {
  margin-right: 0;
}

[data-columns='.75'],
.col-75 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( ( 0.75 * 100% ) - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.75'], .no-gutter
.col-75 {
  width: 75%;
}

.no-gutter [data-columns='.75'], .no-gutter
.col-75 {
  margin-right: 0;
}

[data-offset-columns='.7'],
.offset-col-7 {
  margin-left: 14.28571%;
}

[data-offset-columns='.75'],
.offset-col-75 {
  margin-left: 133.33333%;
}

[data-columns='.8'],
.col-80 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( ( 0.8 * 100% ) - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.8'], .no-gutter
.col-80 {
  width: 80%;
}

.no-gutter [data-columns='.8'], .no-gutter
.col-80 {
  margin-right: 0;
}

[data-columns='.85'],
.col-85 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( ( 0.85 * 100% ) - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.85'], .no-gutter
.col-85 {
  width: 85%;
}

.no-gutter [data-columns='.85'], .no-gutter
.col-85 {
  margin-right: 0;
}

[data-offset-columns='.8'],
.offset-col-8 {
  margin-left: 12.5%;
}

[data-offset-columns='.85'],
.offset-col-85 {
  margin-left: 117.64706%;
}

[data-columns='.9'],
.col-90 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( ( 0.9 * 100% ) - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.9'], .no-gutter
.col-90 {
  width: 90%;
}

.no-gutter [data-columns='.9'], .no-gutter
.col-90 {
  margin-right: 0;
}

[data-columns='.95'],
.col-95 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( ( 0.95 * 100% ) - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.95'], .no-gutter
.col-95 {
  width: 95%;
}

.no-gutter [data-columns='.95'], .no-gutter
.col-95 {
  margin-right: 0;
}

[data-offset-columns='.9'],
.offset-col-9 {
  margin-left: 11.11111%;
}

[data-offset-columns='.95'],
.offset-col-95 {
  margin-left: 105.26316%;
}

[data-columns='.10'],
.col-100 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( 100% - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.10'], .no-gutter
.col-100 {
  width: 100%;
}

.no-gutter [data-columns='.10'], .no-gutter
.col-100 {
  margin-right: 0;
}

[data-columns='.105'],
.col-105 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  width: 100%;
  width: calc( ( 1.05 * 100% ) - ( 2rem ));
  float: left;
  margin-right: 2rem;
}

.no-gutter [data-columns='.105'], .no-gutter
.col-105 {
  width: 105%;
}

.no-gutter [data-columns='.105'], .no-gutter
.col-105 {
  margin-right: 0;
}

[data-offset-columns='.10'],
.offset-col-10 {
  margin-left: 10%;
}

[data-offset-columns='.105'],
.offset-col-105 {
  margin-left: 95.2381%;
}

/*	Border Radius
============================================ */
.valign {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  font-size: 0;
  height: 100%;
  white-space: nowrap;
}

.valign:before {
  content: '';
  display: inline-block;
  position: relative;
  height: 100%;
  min-height: 100%;
  margin-right: -1px;
  vertical-align: middle;
  width: 1px;
  font-size: 0;
}

.valign > * {
  position: relative !important;
  display: inline-block !important;
  float: none !important;
  white-space: normal !important;
  vertical-align: middle !important;
  font-size: 0;
}

.halign {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}

.halign > * {
  position: relative !important;
  display: inline-block !important;
  float: none !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
}

/*	Buttons
============================================ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, main, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
  display: block;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html,
body {
  height: 100%;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

/* Helper classes
----------------------------------------- */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

.display-none,
.is-hidden {
  display: none !important;
}

.is-invisible {
  visibility: hidden !important;
  opacity: 0;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

.pull-left-abs {
  position: absolute !important;
  right: auto !important;
  left: 0 !important;
}

.pull-right-abs {
  position: absolute !important;
  left: auto !important;
  right: 0 !important;
}

.pull-center-abs {
  position: absolute !important;
  left: 0px !important;
  right: 0px !important;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.is-block {
  display: block !important;
  position: relative;
}

.is-inline {
  display: inline !important;
  position: relative;
}

.is-inline-block {
  display: inline-block !important;
  position: relative;
}

.is-relative {
  position: relative !important;
}

.is-fixed {
  position: fixed !important;
  position: relative;
}

.is-absolute {
  position: absolute !important;
}

.is-disabled {
  pointer-events: none !important;
  cursor: default !important;
}

.scroll {
  overflow: auto !important;
}

.scroll-x {
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

.scroll-y {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

.no-scroll {
  overflow: hidden !important;
}

.overflow {
  overflow: visible !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.desktop-content {
  display: none !important;
}

@media (min-width: 1025px) {
  .desktop-content {
    display: block !important;
  }
}

.desktop-inline-content {
  display: none !important;
}

@media (min-width: 1025px) {
  .desktop-inline-content {
    display: inline-block !important;
  }
}

@media (min-width: 1025px) {
  .desktop-hidden {
    display: none !important;
  }
}

.tablet-content {
  display: block !important;
}

@media (min-width: 1025px) {
  .tablet-content {
    display: none !important;
  }
}

.tablet-inline-content {
  display: inline-block !important;
}

@media (min-width: 1025px) {
  .tablet-inline-content {
    display: none !important;
  }
}

@media (max-width: 1024px) {
  .tablet-hidden {
    display: none !important;
  }
}

.full-bleed {
  max-width: none !important;
}

.hr {
  width: 100%;
  height: 1px;
  background-color: 1px solid #edf2f4;
}

/* Print Styles
----------------------------------------- */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
	 * Don't show links for images, or javascript/internal links
	 */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}

/* Typography
----------------------------------------- */
*,
*:after,
*:before {
  box-sizing: inherit;
}

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  font-size: 62.5%;
  box-sizing: border-box;
}

body {
  line-height: 1;
  font-family: "Effra W01 Regular", helvetica, sans-serif;
  font-size: 1.3rem;
  line-height: 125%;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.01);
  -webkit-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none;
  overflow-scrolling: touch;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

html, body, input, button, textarea {
  -webkit-font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

::-moz-selection {
  background: #000000;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #000000;
  color: #fff;
  text-shadow: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

abbr, acronym {
  cursor: help;
}

abbr {
  text-transform: none;
}

img {
  vertical-align: middle;
  interpolation-mode: bicubic;
}

/*
* Flexible Media
*/
img, video, canvas, object, embed {
  max-width: 100%;
  height: auto;
}

/*
* Flexible Video iFrame Embed
* use like :
<figure class="aspect">
	<iframe src="https://www.youtube.com/embed/4Fqg43ozz7A"></iframe>
</figure>
*/
figure.aspect {
  height: 0;
  padding-bottom: 56.25%;
  /* 16:9 */
  position: relative;
  overflow: hidden;
}

figure.aspect iframe,
figure.aspect video,
figure.aspect embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

pre {
  font-family: Monaco;
  padding: 0.5em 1em;
  margin: 0 0 1rem;
  border-radius: 2px;
  overflow-x: scroll;
}

pre code {
  overflow-x: scroll;
  border: none;
  word-wrap: initial;
  background-color: transparent;
}

code {
  font-size: 1.2rem;
  line-height: 1.5;
  margin: 0 2px;
  padding: 0 5px;
  border: 1px solid #d9d9d9;
  background-color: #e6e6e6;
}

small,
.small:not(a) {
  font-size: 1rem;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

h1,
.h1 {
  font-family: "Effra W01 Light", helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-stretch: normal;
  word-wrap: break-word;
  word-break: break-word;
  margin-top: 0rem;
  margin-bottom: 0rem;
}

h1 small,
.h1 small {
  line-height: 0;
}

h2,
.h2 {
  font-family: "Effra W01 Light", helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-stretch: normal;
  word-wrap: break-word;
  word-break: break-word;
  margin-top: 0rem;
  margin-bottom: 0rem;
}

h2 small,
.h2 small {
  line-height: 0;
}

h3,
.h3 {
  font-family: "Effra W01 Light", helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-stretch: normal;
  word-wrap: break-word;
  word-break: break-word;
  margin-top: 0rem;
  margin-bottom: 0rem;
}

h3 small,
.h3 small {
  line-height: 0;
}

h4,
.h4 {
  font-family: "Effra W01 Light", helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-stretch: normal;
  word-wrap: break-word;
  word-break: break-word;
  margin-top: 0rem;
  margin-bottom: 0rem;
}

h4 small,
.h4 small {
  line-height: 0;
}

h5,
.h5 {
  font-family: "Effra W01 Light", helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-stretch: normal;
  word-wrap: break-word;
  word-break: break-word;
  margin-top: 0rem;
  margin-bottom: 0rem;
}

h5 small,
.h5 small {
  line-height: 0;
}

h6,
.h6 {
  font-family: "Effra W01 Light", helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-stretch: normal;
  word-wrap: break-word;
  word-break: break-word;
  margin-top: 0rem;
  margin-bottom: 0rem;
}

h6 small,
.h6 small {
  line-height: 0;
}

h1,
.h1 {
  font-size: 2.6rem;
}

h2,
.h2 {
  font-size: 2.4rem;
}

h3,
.h3 {
  font-size: 2.4rem;
}

h4,
.h4 {
  font-size: 1.5rem;
}

h5,
.h5 {
  font-size: 1.3rem;
}

h6,
.h6 {
  font-size: 1.3rem;
}

@media (min-width: 641px) {
  h1,
  .h1 {
    font-size: 3.6rem;
  }
}

@media (min-width: 769px) {
  h1,
  .h1 {
    font-size: 3.6rem;
  }
}

@media (min-width: 641px) {
  h2,
  .h2 {
    font-size: 3.2rem;
  }
}

@media (min-width: 769px) {
  h2,
  .h2 {
    font-size: 3.2rem;
  }
}

@media (min-width: 641px) {
  h3,
  .h3 {
    font-size: 2.8rem;
  }
}

@media (min-width: 769px) {
  h3,
  .h3 {
    font-size: 2.8rem;
  }
}

@media (min-width: 641px) {
  h4,
  .h4 {
    font-size: 2.2rem;
  }
}

@media (min-width: 769px) {
  h4,
  .h4 {
    font-size: 2.2rem;
  }
}

@media (min-width: 641px) {
  h5,
  .h5 {
    font-size: 1.6rem;
  }
}

@media (min-width: 769px) {
  h5,
  .h5 {
    font-size: 1.6rem;
  }
}

@media (min-width: 641px) {
  h6,
  .h6 {
    font-size: 1.6rem;
  }
}

@media (min-width: 769px) {
  h6,
  .h6 {
    font-size: 1.6rem;
  }
}

@media (min-width: 1025px) {
  h1,
  .h1 {
    font-size: 5.6rem;
  }
}

@media (min-width: 1025px) {
  h2,
  .h2 {
    font-size: 4rem;
  }
}

@media (min-width: 1025px) {
  h3,
  .h3 {
    font-size: 3.6rem;
  }
}

@media (min-width: 1025px) {
  h4,
  .h4 {
    font-size: 2.4rem;
  }
}

@media (min-width: 1025px) {
  h5,
  .h5 {
    font-size: 1.8rem;
  }
}

@media (min-width: 1025px) {
  h6,
  .h6 {
    font-size: 1.8rem;
  }
}

h1,
.h1 {
  line-height: 3rem;
}

h2,
.h2 {
  line-height: 2.8rem;
}

h3,
.h3 {
  line-height: 2.8rem;
}

h4,
.h4 {
  line-height: 2.5rem;
}

h5,
.h5 {
  line-height: 2.5rem;
}

h6,
.h6 {
  line-height: 2.5rem;
}

@media (min-width: 769px) {
  h1,
  .h1 {
    line-height: 4.4rem;
  }
}

@media (min-width: 641px) {
  h1,
  .h1 {
    line-height: 4.4rem;
  }
}

@media (min-width: 769px) {
  h2,
  .h2 {
    line-height: 3.8rem;
  }
}

@media (min-width: 641px) {
  h2,
  .h2 {
    line-height: 3.8rem;
  }
}

@media (min-width: 769px) {
  h3,
  .h3 {
    line-height: 2.8rem;
  }
}

@media (min-width: 641px) {
  h3,
  .h3 {
    line-height: 2.8rem;
  }
}

@media (min-width: 769px) {
  h4,
  .h4 {
    line-height: 2.2rem;
  }
}

@media (min-width: 641px) {
  h4,
  .h4 {
    line-height: 2.2rem;
  }
}

@media (min-width: 769px) {
  h5,
  .h5 {
    line-height: 1.6rem;
  }
}

@media (min-width: 641px) {
  h5,
  .h5 {
    line-height: 1.6rem;
  }
}

@media (min-width: 769px) {
  h6,
  .h6 {
    line-height: 1.6rem;
  }
}

@media (min-width: 641px) {
  h6,
  .h6 {
    line-height: 1.6rem;
  }
}

@media (min-width: 1025px) {
  h1,
  .h1 {
    line-height: 6.4rem;
  }
}

@media (min-width: 1025px) {
  h2,
  .h2 {
    line-height: 4.8rem;
  }
}

@media (min-width: 1025px) {
  h3,
  .h3 {
    line-height: 4.8rem;
  }
}

@media (min-width: 1025px) {
  h4,
  .h4 {
    line-height: 3.6rem;
  }
}

@media (min-width: 1025px) {
  h5,
  .h5 {
    line-height: 3.2rem;
  }
}

@media (min-width: 1025px) {
  h6,
  .h6 {
    line-height: 3.2rem;
  }
}

h1,
.h1 {
  letter-spacing: 0.04rem;
}

h2,
.h2 {
  letter-spacing: 0.04rem;
}

h3,
.h3 {
  letter-spacing: 0.04rem;
}

h4,
.h4 {
  letter-spacing: 0rem;
}

h5,
.h5 {
  letter-spacing: 0rem;
}

h6,
.h6 {
  letter-spacing: 0rem;
}

@media (min-width: 769px) {
  h1,
  .h1 {
    letter-spacing: 0.24rem;
  }
}

@media (min-width: 641px) {
  h1,
  .h1 {
    letter-spacing: 0.24rem;
  }
}

@media (min-width: 769px) {
  h2,
  .h2 {
    letter-spacing: 0.04rem;
  }
}

@media (min-width: 641px) {
  h2,
  .h2 {
    letter-spacing: 0.04rem;
  }
}

@media (min-width: 769px) {
  h3,
  .h3 {
    letter-spacing: 0.04rem;
  }
}

@media (min-width: 641px) {
  h3,
  .h3 {
    letter-spacing: 0.04rem;
  }
}

@media (min-width: 769px) {
  h4,
  .h4 {
    letter-spacing: 0.04rem;
  }
}

@media (min-width: 641px) {
  h4,
  .h4 {
    letter-spacing: 0.04rem;
  }
}

@media (min-width: 769px) {
  h5,
  .h5 {
    letter-spacing: 0.04rem;
  }
}

@media (min-width: 641px) {
  h5,
  .h5 {
    letter-spacing: 0.04rem;
  }
}

@media (min-width: 769px) {
  h6,
  .h6 {
    letter-spacing: 0.04rem;
  }
}

@media (min-width: 641px) {
  h6,
  .h6 {
    letter-spacing: 0.04rem;
  }
}

@media (min-width: 1025px) {
  h1,
  .h1 {
    letter-spacing: 0.24rem;
  }
}

@media (min-width: 1025px) {
  h2,
  .h2 {
    letter-spacing: 0.04rem;
  }
}

@media (min-width: 1025px) {
  h3,
  .h3 {
    letter-spacing: 0.04rem;
  }
}

@media (min-width: 1025px) {
  h4,
  .h4 {
    letter-spacing: 0.04rem;
  }
}

@media (min-width: 1025px) {
  h5,
  .h5 {
    letter-spacing: 0.04rem;
  }
}

@media (min-width: 1025px) {
  h6,
  .h6 {
    letter-spacing: 0.04rem;
  }
}

p {
  font-size: 1.3rem;
  font-family: "Effra W01 Regular", helvetica, sans-serif;
  font-weight: 400;
  line-height: 2.5rem;
  margin-bottom: 2rem;
  word-wrap: break-word;
}

.text-regular,
.text-normal {
  font-weight: 400;
}

.text-medium {
  font-weight: 500;
}

.text-bold {
  font-weight: 700;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-italic {
  font-style: italic;
}

.text-nowrap {
  white-space: nowrap;
}

.text-truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-highlight,
.highlight {
  background-color: #000000;
  color: #fff;
}

.text-align-left {
  text-align: left !important;
}

.text-align-right {
  text-align: right !important;
}

.text-align-center {
  text-align: center !important;
}

.decoration-none {
  text-decoration: none;
}

.decoration-underline {
  text-decoration: underline;
}

.decoration-line-through {
  text-decoration: line-through;
}

ul li,
ol li {
  line-height: 1.6rem;
  margin-bottom: 0rem;
}

ul {
  list-style: none inside;
}

ul.square {
  list-style: square inside;
}

ul.circle {
  list-style: circle inside;
}

ul.disc {
  list-style: disc inside;
}

ol {
  list-style: decimal inside;
}

ol li {
  margin-left: 0.5rem;
}

dl dt {
  font-weight: bold;
}

blockquote,
q {
  font-family: "Effra W01 Regular", helvetica, sans-serif;
}

blockquote p,
q p {
  font-size: 2.1rem;
}

blockquote cite,
q cite {
  font-size: initial;
  display: block;
}

/* ============================================
	P L A C E H O L D E R S
============================================ */
/*  Photo Styles
============================================ */
/*  No Flick Webkit
============================================ */
section {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

@media (min-width: 769px) {
  section.half-width-left .container {
    padding-right: 50%;
  }
  section.half-width-right .container {
    padding-left: 50%;
  }
  section.three-quarter-width-left .container {
    padding-right: 25%;
  }
  section.three-quarter-width-right .container {
    padding-left: 25%;
  }
}

section.stripe:nth-child(even) {
  background-color: #edf2f4;
}

/*
	Background Properties
*/
.bg-contain {
  background-size: contain;
}

.bg-cover {
  display: block;
  position: relative;
  background-size: cover;
  background-position: center;
}

.bg-cover .container {
  z-index: 1;
}

.bg-abs {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: auto;
  height: auto;
  z-index: 0;
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

.bg-repeat {
  background-repeat: repeat;
}

.bg-repeat-x {
  background-repeat: repeat-x;
}

.bg-repeat-y {
  background-repeat: repeat-y;
}

.bg-top-left {
  background-position: top left;
}

.bg-top-center {
  background-position: top center;
}

.bg-top-right {
  background-position: top right;
}

.bg-bottom-left {
  background-position: bottom left;
}

.bg-bottom-center {
  background-position: bottom center;
}

.bg-bottom-right {
  background-position: bottom right;
}

.bg-left-center {
  background-position: left center;
}

.bg-right-center {
  background-position: right center;
}

.bg-center-25 {
  background-position: right 25%;
}

.bg-center-75 {
  background-position: right 75%;
}

.bg-center,
.bg-center-center {
  background-position: center center;
}

.bg-100-auto {
  background-size: 100% auto;
}

/* border modifiers */
.no-border {
  border-top: 0 none !important;
  border-bottom: 0 none !important;
}

.no-border-top {
  border-top: 0 none !important;
}

.no-border-right {
  border-right: 0 none !important;
}

.no-border-bottom {
  border-bottom: 0 none !important;
}

.no-border-left {
  border-left: 0 none !important;
}

/* child scales proportionally to container */
.scaler-child {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.scaler {
  pointer-events: none;
}

/* containers set to specific aspect ratio */

.scaler-1x1 {
  position: relative;
  padding: 100% 0 0 0;
}


.scaler-4x3 {
  position: relative;
  padding: 75% 100% 0 0;
}

@media (max-width: 768px) {
  
  .scaler-4x3-mob {
    position: relative;
    padding: 75% 100% 0 0;
  }
}

@media (min-width: 769px) {
  
  .scaler-4x3-sm {
    position: relative;
    padding: 75% 100% 0 0;
  }
}

@media (min-width: 1025px) {
  
  .scaler-4x3-md {
    position: relative;
    padding: 75% 100% 0 0;
  }
}


.scaler-3x4 {
  position: relative;
  padding: 133.333333333% 100% 0 0;
}

@media (max-width: 768px) {
  
  .scaler-3x4-mob {
    position: relative;
    padding: 133.333333333% 100% 0 0;
  }
}

@media (min-width: 769px) {
  
  .scaler-3x4-sm {
    position: relative;
    padding: 133.333333333% 100% 0 0;
  }
}

@media (min-width: 1025px) {
  
  .scaler-3x4-md {
    position: relative;
    padding: 133.333333333% 100% 0 0;
  }
}


.scaler-16x9 {
  position: relative;
  padding: 56.25% 100% 0 0;
}

@media (max-width: 768px) {
  
  .scaler-16x9-mob {
    position: relative;
    padding: 56.25% 100% 0 0;
  }
}

@media (min-width: 769px) {
  
  .scaler-16x9-sm {
    position: relative;
    padding: 56.25% 100% 0 0;
  }
}

@media (min-width: 1025px) {
  
  .scaler-16x9-md {
    position: relative;
    padding: 56.25% 100% 0 0;
  }
}


.scaler-340x454 {
  position: relative;
  padding: 133.52941176% 100% 0 0;
}


.scaler-1740x870 {
  position: relative;
  padding: 50% 100% 0 0;
}


.scaler-340x580 {
  position: relative;
  padding: 170.58823529% 100% 0 0;
}


.scaler-320x420 {
  position: relative;
  padding: 131.25% 100% 0 0;
}


.scaler-870x580 {
  position: relative;
  padding: 66.666666667% 100% 0 0;
}


.scaler-1552x728 {
  position: relative;
  padding: 46.90721649% 100% 0 0;
}


.scaler-310x175 {
  position: relative;
  padding: 56.4516129% 100% 0 0;
}

/*

	Examples

	.class-1 { @include aspect-ratio(); } 				No arguments defaults to a 1:1 ratio
	.class-2 { @include aspect-ratio(16, 9); } 			Width and height
	.class-3 { @include aspect-ratio(1.777778); } 		Ratio (calculated width/height)
	.class-4 { @include aspect-ratio(4px, 3px); } 		Comparable units
	.class-5 { @include aspect-ratio($ratio: 1.2); } 	Keywords
*/
/*
   SPACING

   A 10 step powers of two scale ranging from 0 to $spacing-scale.
   Namespaces are composable and thus highly grockable - check the legend below

   Legend:

   p = padding
   m = margin

   a = all
   h = horizontal
   v = vertical
   t = top
   r = right
   b = bottom
   l = left

   0 = none
   1-10 = Steps in spacing scale

*/
.pa-0 {
  padding: 0rem !important;
}

.pl-0 {
  padding-left: 0rem !important;
}

.pr-0 {
  padding-right: 0rem !important;
}

.pt-0 {
  padding-top: 0rem !important;
}

.pb-0 {
  padding-bottom: 0rem !important;
}

.pv-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.ph-0 {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}

.ma-0 {
  margin: 0rem !important;
}

.ml-0 {
  margin-left: 0rem !important;
}

.mr-0 {
  margin-right: 0rem !important;
}

.mt-0 {
  margin-top: 0rem !important;
}

.mb-0 {
  margin-bottom: 0rem !important;
}

.mv-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.mh-0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}

.pa-1 {
  padding: 1rem !important;
}

.pl-1 {
  padding-left: 1rem !important;
}

.pr-1 {
  padding-right: 1rem !important;
}

.pt-1 {
  padding-top: 1rem !important;
}

.pb-1 {
  padding-bottom: 1rem !important;
}

.pv-1 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.ph-1 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.ma-1 {
  margin: 1rem !important;
}

.ml-1 {
  margin-left: 1rem !important;
}

.mr-1 {
  margin-right: 1rem !important;
}

.mt-1 {
  margin-top: 1rem !important;
}

.mb-1 {
  margin-bottom: 1rem !important;
}

.mv-1 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.mh-1 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.pa-2 {
  padding: 2rem !important;
}

.pl-2 {
  padding-left: 2rem !important;
}

.pr-2 {
  padding-right: 2rem !important;
}

.pt-2 {
  padding-top: 2rem !important;
}

.pb-2 {
  padding-bottom: 2rem !important;
}

.pv-2 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.ph-2 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.ma-2 {
  margin: 2rem !important;
}

.ml-2 {
  margin-left: 2rem !important;
}

.mr-2 {
  margin-right: 2rem !important;
}

.mt-2 {
  margin-top: 2rem !important;
}

.mb-2 {
  margin-bottom: 2rem !important;
}

.mv-2 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.mh-2 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.pa-3 {
  padding: 3rem !important;
}

.pl-3 {
  padding-left: 3rem !important;
}

.pr-3 {
  padding-right: 3rem !important;
}

.pt-3 {
  padding-top: 3rem !important;
}

.pb-3 {
  padding-bottom: 3rem !important;
}

.pv-3 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.ph-3 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.ma-3 {
  margin: 3rem !important;
}

.ml-3 {
  margin-left: 3rem !important;
}

.mr-3 {
  margin-right: 3rem !important;
}

.mt-3 {
  margin-top: 3rem !important;
}

.mb-3 {
  margin-bottom: 3rem !important;
}

.mv-3 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.mh-3 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.pa-4 {
  padding: 4rem !important;
}

.pl-4 {
  padding-left: 4rem !important;
}

.pr-4 {
  padding-right: 4rem !important;
}

.pt-4 {
  padding-top: 4rem !important;
}

.pb-4 {
  padding-bottom: 4rem !important;
}

.pv-4 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.ph-4 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.ma-4 {
  margin: 4rem !important;
}

.ml-4 {
  margin-left: 4rem !important;
}

.mr-4 {
  margin-right: 4rem !important;
}

.mt-4 {
  margin-top: 4rem !important;
}

.mb-4 {
  margin-bottom: 4rem !important;
}

.mv-4 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.mh-4 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}

.pa-5 {
  padding: 5rem !important;
}

.pl-5 {
  padding-left: 5rem !important;
}

.pr-5 {
  padding-right: 5rem !important;
}

.pt-5 {
  padding-top: 5rem !important;
}

.pb-5 {
  padding-bottom: 5rem !important;
}

.pv-5 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.ph-5 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.ma-5 {
  margin: 5rem !important;
}

.ml-5 {
  margin-left: 5rem !important;
}

.mr-5 {
  margin-right: 5rem !important;
}

.mt-5 {
  margin-top: 5rem !important;
}

.mb-5 {
  margin-bottom: 5rem !important;
}

.mv-5 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.mh-5 {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}

.pa-6 {
  padding: 6rem !important;
}

.pl-6 {
  padding-left: 6rem !important;
}

.pr-6 {
  padding-right: 6rem !important;
}

.pt-6 {
  padding-top: 6rem !important;
}

.pb-6 {
  padding-bottom: 6rem !important;
}

.pv-6 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.ph-6 {
  padding-left: 6rem !important;
  padding-right: 6rem !important;
}

.ma-6 {
  margin: 6rem !important;
}

.ml-6 {
  margin-left: 6rem !important;
}

.mr-6 {
  margin-right: 6rem !important;
}

.mt-6 {
  margin-top: 6rem !important;
}

.mb-6 {
  margin-bottom: 6rem !important;
}

.mv-6 {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}

.mh-6 {
  margin-left: 6rem !important;
  margin-right: 6rem !important;
}

.pa-7 {
  padding: 7rem !important;
}

.pl-7 {
  padding-left: 7rem !important;
}

.pr-7 {
  padding-right: 7rem !important;
}

.pt-7 {
  padding-top: 7rem !important;
}

.pb-7 {
  padding-bottom: 7rem !important;
}

.pv-7 {
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
}

.ph-7 {
  padding-left: 7rem !important;
  padding-right: 7rem !important;
}

.ma-7 {
  margin: 7rem !important;
}

.ml-7 {
  margin-left: 7rem !important;
}

.mr-7 {
  margin-right: 7rem !important;
}

.mt-7 {
  margin-top: 7rem !important;
}

.mb-7 {
  margin-bottom: 7rem !important;
}

.mv-7 {
  margin-top: 7rem !important;
  margin-bottom: 7rem !important;
}

.mh-7 {
  margin-left: 7rem !important;
  margin-right: 7rem !important;
}

.pa-8 {
  padding: 8rem !important;
}

.pl-8 {
  padding-left: 8rem !important;
}

.pr-8 {
  padding-right: 8rem !important;
}

.pt-8 {
  padding-top: 8rem !important;
}

.pb-8 {
  padding-bottom: 8rem !important;
}

.pv-8 {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}

.ph-8 {
  padding-left: 8rem !important;
  padding-right: 8rem !important;
}

.ma-8 {
  margin: 8rem !important;
}

.ml-8 {
  margin-left: 8rem !important;
}

.mr-8 {
  margin-right: 8rem !important;
}

.mt-8 {
  margin-top: 8rem !important;
}

.mb-8 {
  margin-bottom: 8rem !important;
}

.mv-8 {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}

.mh-8 {
  margin-left: 8rem !important;
  margin-right: 8rem !important;
}

.pa-9 {
  padding: 9rem !important;
}

.pl-9 {
  padding-left: 9rem !important;
}

.pr-9 {
  padding-right: 9rem !important;
}

.pt-9 {
  padding-top: 9rem !important;
}

.pb-9 {
  padding-bottom: 9rem !important;
}

.pv-9 {
  padding-top: 9rem !important;
  padding-bottom: 9rem !important;
}

.ph-9 {
  padding-left: 9rem !important;
  padding-right: 9rem !important;
}

.ma-9 {
  margin: 9rem !important;
}

.ml-9 {
  margin-left: 9rem !important;
}

.mr-9 {
  margin-right: 9rem !important;
}

.mt-9 {
  margin-top: 9rem !important;
}

.mb-9 {
  margin-bottom: 9rem !important;
}

.mv-9 {
  margin-top: 9rem !important;
  margin-bottom: 9rem !important;
}

.mh-9 {
  margin-left: 9rem !important;
  margin-right: 9rem !important;
}

.pa-10 {
  padding: 10rem !important;
}

.pl-10 {
  padding-left: 10rem !important;
}

.pr-10 {
  padding-right: 10rem !important;
}

.pt-10 {
  padding-top: 10rem !important;
}

.pb-10 {
  padding-bottom: 10rem !important;
}

.pv-10 {
  padding-top: 10rem !important;
  padding-bottom: 10rem !important;
}

.ph-10 {
  padding-left: 10rem !important;
  padding-right: 10rem !important;
}

.ma-10 {
  margin: 10rem !important;
}

.ml-10 {
  margin-left: 10rem !important;
}

.mr-10 {
  margin-right: 10rem !important;
}

.mt-10 {
  margin-top: 10rem !important;
}

.mb-10 {
  margin-bottom: 10rem !important;
}

.mv-10 {
  margin-top: 10rem !important;
  margin-bottom: 10rem !important;
}

.mh-10 {
  margin-left: 10rem !important;
  margin-right: 10rem !important;
}

.pa-11 {
  padding: 11rem !important;
}

.pl-11 {
  padding-left: 11rem !important;
}

.pr-11 {
  padding-right: 11rem !important;
}

.pt-11 {
  padding-top: 11rem !important;
}

.pb-11 {
  padding-bottom: 11rem !important;
}

.pv-11 {
  padding-top: 11rem !important;
  padding-bottom: 11rem !important;
}

.ph-11 {
  padding-left: 11rem !important;
  padding-right: 11rem !important;
}

.ma-11 {
  margin: 11rem !important;
}

.ml-11 {
  margin-left: 11rem !important;
}

.mr-11 {
  margin-right: 11rem !important;
}

.mt-11 {
  margin-top: 11rem !important;
}

.mb-11 {
  margin-bottom: 11rem !important;
}

.mv-11 {
  margin-top: 11rem !important;
  margin-bottom: 11rem !important;
}

.mh-11 {
  margin-left: 11rem !important;
  margin-right: 11rem !important;
}

.pa-12 {
  padding: 12rem !important;
}

.pl-12 {
  padding-left: 12rem !important;
}

.pr-12 {
  padding-right: 12rem !important;
}

.pt-12 {
  padding-top: 12rem !important;
}

.pb-12 {
  padding-bottom: 12rem !important;
}

.pv-12 {
  padding-top: 12rem !important;
  padding-bottom: 12rem !important;
}

.ph-12 {
  padding-left: 12rem !important;
  padding-right: 12rem !important;
}

.ma-12 {
  margin: 12rem !important;
}

.ml-12 {
  margin-left: 12rem !important;
}

.mr-12 {
  margin-right: 12rem !important;
}

.mt-12 {
  margin-top: 12rem !important;
}

.mb-12 {
  margin-bottom: 12rem !important;
}

.mv-12 {
  margin-top: 12rem !important;
  margin-bottom: 12rem !important;
}

.mh-12 {
  margin-left: 12rem !important;
  margin-right: 12rem !important;
}

.pa-13 {
  padding: 13rem !important;
}

.pl-13 {
  padding-left: 13rem !important;
}

.pr-13 {
  padding-right: 13rem !important;
}

.pt-13 {
  padding-top: 13rem !important;
}

.pb-13 {
  padding-bottom: 13rem !important;
}

.pv-13 {
  padding-top: 13rem !important;
  padding-bottom: 13rem !important;
}

.ph-13 {
  padding-left: 13rem !important;
  padding-right: 13rem !important;
}

.ma-13 {
  margin: 13rem !important;
}

.ml-13 {
  margin-left: 13rem !important;
}

.mr-13 {
  margin-right: 13rem !important;
}

.mt-13 {
  margin-top: 13rem !important;
}

.mb-13 {
  margin-bottom: 13rem !important;
}

.mv-13 {
  margin-top: 13rem !important;
  margin-bottom: 13rem !important;
}

.mh-13 {
  margin-left: 13rem !important;
  margin-right: 13rem !important;
}

.pa-14 {
  padding: 14rem !important;
}

.pl-14 {
  padding-left: 14rem !important;
}

.pr-14 {
  padding-right: 14rem !important;
}

.pt-14 {
  padding-top: 14rem !important;
}

.pb-14 {
  padding-bottom: 14rem !important;
}

.pv-14 {
  padding-top: 14rem !important;
  padding-bottom: 14rem !important;
}

.ph-14 {
  padding-left: 14rem !important;
  padding-right: 14rem !important;
}

.ma-14 {
  margin: 14rem !important;
}

.ml-14 {
  margin-left: 14rem !important;
}

.mr-14 {
  margin-right: 14rem !important;
}

.mt-14 {
  margin-top: 14rem !important;
}

.mb-14 {
  margin-bottom: 14rem !important;
}

.mv-14 {
  margin-top: 14rem !important;
  margin-bottom: 14rem !important;
}

.mh-14 {
  margin-left: 14rem !important;
  margin-right: 14rem !important;
}

.pa-15 {
  padding: 15rem !important;
}

.pl-15 {
  padding-left: 15rem !important;
}

.pr-15 {
  padding-right: 15rem !important;
}

.pt-15 {
  padding-top: 15rem !important;
}

.pb-15 {
  padding-bottom: 15rem !important;
}

.pv-15 {
  padding-top: 15rem !important;
  padding-bottom: 15rem !important;
}

.ph-15 {
  padding-left: 15rem !important;
  padding-right: 15rem !important;
}

.ma-15 {
  margin: 15rem !important;
}

.ml-15 {
  margin-left: 15rem !important;
}

.mr-15 {
  margin-right: 15rem !important;
}

.mt-15 {
  margin-top: 15rem !important;
}

.mb-15 {
  margin-bottom: 15rem !important;
}

.mv-15 {
  margin-top: 15rem !important;
  margin-bottom: 15rem !important;
}

.mh-15 {
  margin-left: 15rem !important;
  margin-right: 15rem !important;
}

.pa-16 {
  padding: 16rem !important;
}

.pl-16 {
  padding-left: 16rem !important;
}

.pr-16 {
  padding-right: 16rem !important;
}

.pt-16 {
  padding-top: 16rem !important;
}

.pb-16 {
  padding-bottom: 16rem !important;
}

.pv-16 {
  padding-top: 16rem !important;
  padding-bottom: 16rem !important;
}

.ph-16 {
  padding-left: 16rem !important;
  padding-right: 16rem !important;
}

.ma-16 {
  margin: 16rem !important;
}

.ml-16 {
  margin-left: 16rem !important;
}

.mr-16 {
  margin-right: 16rem !important;
}

.mt-16 {
  margin-top: 16rem !important;
}

.mb-16 {
  margin-bottom: 16rem !important;
}

.mv-16 {
  margin-top: 16rem !important;
  margin-bottom: 16rem !important;
}

.mh-16 {
  margin-left: 16rem !important;
  margin-right: 16rem !important;
}

.pa-17 {
  padding: 17rem !important;
}

.pl-17 {
  padding-left: 17rem !important;
}

.pr-17 {
  padding-right: 17rem !important;
}

.pt-17 {
  padding-top: 17rem !important;
}

.pb-17 {
  padding-bottom: 17rem !important;
}

.pv-17 {
  padding-top: 17rem !important;
  padding-bottom: 17rem !important;
}

.ph-17 {
  padding-left: 17rem !important;
  padding-right: 17rem !important;
}

.ma-17 {
  margin: 17rem !important;
}

.ml-17 {
  margin-left: 17rem !important;
}

.mr-17 {
  margin-right: 17rem !important;
}

.mt-17 {
  margin-top: 17rem !important;
}

.mb-17 {
  margin-bottom: 17rem !important;
}

.mv-17 {
  margin-top: 17rem !important;
  margin-bottom: 17rem !important;
}

.mh-17 {
  margin-left: 17rem !important;
  margin-right: 17rem !important;
}

.pa-18 {
  padding: 18rem !important;
}

.pl-18 {
  padding-left: 18rem !important;
}

.pr-18 {
  padding-right: 18rem !important;
}

.pt-18 {
  padding-top: 18rem !important;
}

.pb-18 {
  padding-bottom: 18rem !important;
}

.pv-18 {
  padding-top: 18rem !important;
  padding-bottom: 18rem !important;
}

.ph-18 {
  padding-left: 18rem !important;
  padding-right: 18rem !important;
}

.ma-18 {
  margin: 18rem !important;
}

.ml-18 {
  margin-left: 18rem !important;
}

.mr-18 {
  margin-right: 18rem !important;
}

.mt-18 {
  margin-top: 18rem !important;
}

.mb-18 {
  margin-bottom: 18rem !important;
}

.mv-18 {
  margin-top: 18rem !important;
  margin-bottom: 18rem !important;
}

.mh-18 {
  margin-left: 18rem !important;
  margin-right: 18rem !important;
}

.pa-19 {
  padding: 19rem !important;
}

.pl-19 {
  padding-left: 19rem !important;
}

.pr-19 {
  padding-right: 19rem !important;
}

.pt-19 {
  padding-top: 19rem !important;
}

.pb-19 {
  padding-bottom: 19rem !important;
}

.pv-19 {
  padding-top: 19rem !important;
  padding-bottom: 19rem !important;
}

.ph-19 {
  padding-left: 19rem !important;
  padding-right: 19rem !important;
}

.ma-19 {
  margin: 19rem !important;
}

.ml-19 {
  margin-left: 19rem !important;
}

.mr-19 {
  margin-right: 19rem !important;
}

.mt-19 {
  margin-top: 19rem !important;
}

.mb-19 {
  margin-bottom: 19rem !important;
}

.mv-19 {
  margin-top: 19rem !important;
  margin-bottom: 19rem !important;
}

.mh-19 {
  margin-left: 19rem !important;
  margin-right: 19rem !important;
}

.pa-20 {
  padding: 20rem !important;
}

.pl-20 {
  padding-left: 20rem !important;
}

.pr-20 {
  padding-right: 20rem !important;
}

.pt-20 {
  padding-top: 20rem !important;
}

.pb-20 {
  padding-bottom: 20rem !important;
}

.pv-20 {
  padding-top: 20rem !important;
  padding-bottom: 20rem !important;
}

.ph-20 {
  padding-left: 20rem !important;
  padding-right: 20rem !important;
}

.ma-20 {
  margin: 20rem !important;
}

.ml-20 {
  margin-left: 20rem !important;
}

.mr-20 {
  margin-right: 20rem !important;
}

.mt-20 {
  margin-top: 20rem !important;
}

.mb-20 {
  margin-bottom: 20rem !important;
}

.mv-20 {
  margin-top: 20rem !important;
  margin-bottom: 20rem !important;
}

.mh-20 {
  margin-left: 20rem !important;
  margin-right: 20rem !important;
}

@media (min-width: 769px) {
  .pa-sm-0 {
    padding: 0rem !important;
  }
  .pl-sm-0 {
    padding-left: 0rem !important;
  }
  .pr-sm-0 {
    padding-right: 0rem !important;
  }
  .pt-sm-0 {
    padding-top: 0rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0rem !important;
  }
  .pv-sm-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .ph-sm-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .ma-sm-0 {
    margin: 0rem !important;
  }
  .ml-sm-0 {
    margin-left: 0rem !important;
  }
  .mr-sm-0 {
    margin-right: 0rem !important;
  }
  .mt-sm-0 {
    margin-top: 0rem !important;
  }
  .mb-sm-0 {
    margin-bottom: 0rem !important;
  }
  .mv-sm-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .mh-sm-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
}

@media (min-width: 769px) {
  .pa-sm-1 {
    padding: 1rem !important;
  }
  .pl-sm-1 {
    padding-left: 1rem !important;
  }
  .pr-sm-1 {
    padding-right: 1rem !important;
  }
  .pt-sm-1 {
    padding-top: 1rem !important;
  }
  .pb-sm-1 {
    padding-bottom: 1rem !important;
  }
  .pv-sm-1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .ph-sm-1 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .ma-sm-1 {
    margin: 1rem !important;
  }
  .ml-sm-1 {
    margin-left: 1rem !important;
  }
  .mr-sm-1 {
    margin-right: 1rem !important;
  }
  .mt-sm-1 {
    margin-top: 1rem !important;
  }
  .mb-sm-1 {
    margin-bottom: 1rem !important;
  }
  .mv-sm-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mh-sm-1 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}

@media (min-width: 769px) {
  .pa-sm-2 {
    padding: 2rem !important;
  }
  .pl-sm-2 {
    padding-left: 2rem !important;
  }
  .pr-sm-2 {
    padding-right: 2rem !important;
  }
  .pt-sm-2 {
    padding-top: 2rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 2rem !important;
  }
  .pv-sm-2 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .ph-sm-2 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .ma-sm-2 {
    margin: 2rem !important;
  }
  .ml-sm-2 {
    margin-left: 2rem !important;
  }
  .mr-sm-2 {
    margin-right: 2rem !important;
  }
  .mt-sm-2 {
    margin-top: 2rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 2rem !important;
  }
  .mv-sm-2 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .mh-sm-2 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
}

@media (min-width: 769px) {
  .pa-sm-3 {
    padding: 3rem !important;
  }
  .pl-sm-3 {
    padding-left: 3rem !important;
  }
  .pr-sm-3 {
    padding-right: 3rem !important;
  }
  .pt-sm-3 {
    padding-top: 3rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 3rem !important;
  }
  .pv-sm-3 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .ph-sm-3 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .ma-sm-3 {
    margin: 3rem !important;
  }
  .ml-sm-3 {
    margin-left: 3rem !important;
  }
  .mr-sm-3 {
    margin-right: 3rem !important;
  }
  .mt-sm-3 {
    margin-top: 3rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 3rem !important;
  }
  .mv-sm-3 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .mh-sm-3 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}

@media (min-width: 769px) {
  .pa-sm-4 {
    padding: 4rem !important;
  }
  .pl-sm-4 {
    padding-left: 4rem !important;
  }
  .pr-sm-4 {
    padding-right: 4rem !important;
  }
  .pt-sm-4 {
    padding-top: 4rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 4rem !important;
  }
  .pv-sm-4 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .ph-sm-4 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .ma-sm-4 {
    margin: 4rem !important;
  }
  .ml-sm-4 {
    margin-left: 4rem !important;
  }
  .mr-sm-4 {
    margin-right: 4rem !important;
  }
  .mt-sm-4 {
    margin-top: 4rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 4rem !important;
  }
  .mv-sm-4 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .mh-sm-4 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}

@media (min-width: 769px) {
  .pa-sm-5 {
    padding: 5rem !important;
  }
  .pl-sm-5 {
    padding-left: 5rem !important;
  }
  .pr-sm-5 {
    padding-right: 5rem !important;
  }
  .pt-sm-5 {
    padding-top: 5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 5rem !important;
  }
  .pv-sm-5 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .ph-sm-5 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .ma-sm-5 {
    margin: 5rem !important;
  }
  .ml-sm-5 {
    margin-left: 5rem !important;
  }
  .mr-sm-5 {
    margin-right: 5rem !important;
  }
  .mt-sm-5 {
    margin-top: 5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 5rem !important;
  }
  .mv-sm-5 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .mh-sm-5 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}

@media (min-width: 769px) {
  .pa-sm-6 {
    padding: 6rem !important;
  }
  .pl-sm-6 {
    padding-left: 6rem !important;
  }
  .pr-sm-6 {
    padding-right: 6rem !important;
  }
  .pt-sm-6 {
    padding-top: 6rem !important;
  }
  .pb-sm-6 {
    padding-bottom: 6rem !important;
  }
  .pv-sm-6 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .ph-sm-6 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .ma-sm-6 {
    margin: 6rem !important;
  }
  .ml-sm-6 {
    margin-left: 6rem !important;
  }
  .mr-sm-6 {
    margin-right: 6rem !important;
  }
  .mt-sm-6 {
    margin-top: 6rem !important;
  }
  .mb-sm-6 {
    margin-bottom: 6rem !important;
  }
  .mv-sm-6 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .mh-sm-6 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
}

@media (min-width: 769px) {
  .pa-sm-7 {
    padding: 7rem !important;
  }
  .pl-sm-7 {
    padding-left: 7rem !important;
  }
  .pr-sm-7 {
    padding-right: 7rem !important;
  }
  .pt-sm-7 {
    padding-top: 7rem !important;
  }
  .pb-sm-7 {
    padding-bottom: 7rem !important;
  }
  .pv-sm-7 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .ph-sm-7 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
  .ma-sm-7 {
    margin: 7rem !important;
  }
  .ml-sm-7 {
    margin-left: 7rem !important;
  }
  .mr-sm-7 {
    margin-right: 7rem !important;
  }
  .mt-sm-7 {
    margin-top: 7rem !important;
  }
  .mb-sm-7 {
    margin-bottom: 7rem !important;
  }
  .mv-sm-7 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .mh-sm-7 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
}

@media (min-width: 769px) {
  .pa-sm-8 {
    padding: 8rem !important;
  }
  .pl-sm-8 {
    padding-left: 8rem !important;
  }
  .pr-sm-8 {
    padding-right: 8rem !important;
  }
  .pt-sm-8 {
    padding-top: 8rem !important;
  }
  .pb-sm-8 {
    padding-bottom: 8rem !important;
  }
  .pv-sm-8 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .ph-sm-8 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
  .ma-sm-8 {
    margin: 8rem !important;
  }
  .ml-sm-8 {
    margin-left: 8rem !important;
  }
  .mr-sm-8 {
    margin-right: 8rem !important;
  }
  .mt-sm-8 {
    margin-top: 8rem !important;
  }
  .mb-sm-8 {
    margin-bottom: 8rem !important;
  }
  .mv-sm-8 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
  .mh-sm-8 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
}

@media (min-width: 769px) {
  .pa-sm-9 {
    padding: 9rem !important;
  }
  .pl-sm-9 {
    padding-left: 9rem !important;
  }
  .pr-sm-9 {
    padding-right: 9rem !important;
  }
  .pt-sm-9 {
    padding-top: 9rem !important;
  }
  .pb-sm-9 {
    padding-bottom: 9rem !important;
  }
  .pv-sm-9 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
  .ph-sm-9 {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
  }
  .ma-sm-9 {
    margin: 9rem !important;
  }
  .ml-sm-9 {
    margin-left: 9rem !important;
  }
  .mr-sm-9 {
    margin-right: 9rem !important;
  }
  .mt-sm-9 {
    margin-top: 9rem !important;
  }
  .mb-sm-9 {
    margin-bottom: 9rem !important;
  }
  .mv-sm-9 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }
  .mh-sm-9 {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
  }
}

@media (min-width: 769px) {
  .pa-sm-10 {
    padding: 10rem !important;
  }
  .pl-sm-10 {
    padding-left: 10rem !important;
  }
  .pr-sm-10 {
    padding-right: 10rem !important;
  }
  .pt-sm-10 {
    padding-top: 10rem !important;
  }
  .pb-sm-10 {
    padding-bottom: 10rem !important;
  }
  .pv-sm-10 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
  .ph-sm-10 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
  .ma-sm-10 {
    margin: 10rem !important;
  }
  .ml-sm-10 {
    margin-left: 10rem !important;
  }
  .mr-sm-10 {
    margin-right: 10rem !important;
  }
  .mt-sm-10 {
    margin-top: 10rem !important;
  }
  .mb-sm-10 {
    margin-bottom: 10rem !important;
  }
  .mv-sm-10 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }
  .mh-sm-10 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }
}

@media (min-width: 769px) {
  .pa-sm-11 {
    padding: 11rem !important;
  }
  .pl-sm-11 {
    padding-left: 11rem !important;
  }
  .pr-sm-11 {
    padding-right: 11rem !important;
  }
  .pt-sm-11 {
    padding-top: 11rem !important;
  }
  .pb-sm-11 {
    padding-bottom: 11rem !important;
  }
  .pv-sm-11 {
    padding-top: 11rem !important;
    padding-bottom: 11rem !important;
  }
  .ph-sm-11 {
    padding-left: 11rem !important;
    padding-right: 11rem !important;
  }
  .ma-sm-11 {
    margin: 11rem !important;
  }
  .ml-sm-11 {
    margin-left: 11rem !important;
  }
  .mr-sm-11 {
    margin-right: 11rem !important;
  }
  .mt-sm-11 {
    margin-top: 11rem !important;
  }
  .mb-sm-11 {
    margin-bottom: 11rem !important;
  }
  .mv-sm-11 {
    margin-top: 11rem !important;
    margin-bottom: 11rem !important;
  }
  .mh-sm-11 {
    margin-left: 11rem !important;
    margin-right: 11rem !important;
  }
}

@media (min-width: 769px) {
  .pa-sm-12 {
    padding: 12rem !important;
  }
  .pl-sm-12 {
    padding-left: 12rem !important;
  }
  .pr-sm-12 {
    padding-right: 12rem !important;
  }
  .pt-sm-12 {
    padding-top: 12rem !important;
  }
  .pb-sm-12 {
    padding-bottom: 12rem !important;
  }
  .pv-sm-12 {
    padding-top: 12rem !important;
    padding-bottom: 12rem !important;
  }
  .ph-sm-12 {
    padding-left: 12rem !important;
    padding-right: 12rem !important;
  }
  .ma-sm-12 {
    margin: 12rem !important;
  }
  .ml-sm-12 {
    margin-left: 12rem !important;
  }
  .mr-sm-12 {
    margin-right: 12rem !important;
  }
  .mt-sm-12 {
    margin-top: 12rem !important;
  }
  .mb-sm-12 {
    margin-bottom: 12rem !important;
  }
  .mv-sm-12 {
    margin-top: 12rem !important;
    margin-bottom: 12rem !important;
  }
  .mh-sm-12 {
    margin-left: 12rem !important;
    margin-right: 12rem !important;
  }
}

@media (min-width: 769px) {
  .pa-sm-13 {
    padding: 13rem !important;
  }
  .pl-sm-13 {
    padding-left: 13rem !important;
  }
  .pr-sm-13 {
    padding-right: 13rem !important;
  }
  .pt-sm-13 {
    padding-top: 13rem !important;
  }
  .pb-sm-13 {
    padding-bottom: 13rem !important;
  }
  .pv-sm-13 {
    padding-top: 13rem !important;
    padding-bottom: 13rem !important;
  }
  .ph-sm-13 {
    padding-left: 13rem !important;
    padding-right: 13rem !important;
  }
  .ma-sm-13 {
    margin: 13rem !important;
  }
  .ml-sm-13 {
    margin-left: 13rem !important;
  }
  .mr-sm-13 {
    margin-right: 13rem !important;
  }
  .mt-sm-13 {
    margin-top: 13rem !important;
  }
  .mb-sm-13 {
    margin-bottom: 13rem !important;
  }
  .mv-sm-13 {
    margin-top: 13rem !important;
    margin-bottom: 13rem !important;
  }
  .mh-sm-13 {
    margin-left: 13rem !important;
    margin-right: 13rem !important;
  }
}

@media (min-width: 769px) {
  .pa-sm-14 {
    padding: 14rem !important;
  }
  .pl-sm-14 {
    padding-left: 14rem !important;
  }
  .pr-sm-14 {
    padding-right: 14rem !important;
  }
  .pt-sm-14 {
    padding-top: 14rem !important;
  }
  .pb-sm-14 {
    padding-bottom: 14rem !important;
  }
  .pv-sm-14 {
    padding-top: 14rem !important;
    padding-bottom: 14rem !important;
  }
  .ph-sm-14 {
    padding-left: 14rem !important;
    padding-right: 14rem !important;
  }
  .ma-sm-14 {
    margin: 14rem !important;
  }
  .ml-sm-14 {
    margin-left: 14rem !important;
  }
  .mr-sm-14 {
    margin-right: 14rem !important;
  }
  .mt-sm-14 {
    margin-top: 14rem !important;
  }
  .mb-sm-14 {
    margin-bottom: 14rem !important;
  }
  .mv-sm-14 {
    margin-top: 14rem !important;
    margin-bottom: 14rem !important;
  }
  .mh-sm-14 {
    margin-left: 14rem !important;
    margin-right: 14rem !important;
  }
}

@media (min-width: 769px) {
  .pa-sm-15 {
    padding: 15rem !important;
  }
  .pl-sm-15 {
    padding-left: 15rem !important;
  }
  .pr-sm-15 {
    padding-right: 15rem !important;
  }
  .pt-sm-15 {
    padding-top: 15rem !important;
  }
  .pb-sm-15 {
    padding-bottom: 15rem !important;
  }
  .pv-sm-15 {
    padding-top: 15rem !important;
    padding-bottom: 15rem !important;
  }
  .ph-sm-15 {
    padding-left: 15rem !important;
    padding-right: 15rem !important;
  }
  .ma-sm-15 {
    margin: 15rem !important;
  }
  .ml-sm-15 {
    margin-left: 15rem !important;
  }
  .mr-sm-15 {
    margin-right: 15rem !important;
  }
  .mt-sm-15 {
    margin-top: 15rem !important;
  }
  .mb-sm-15 {
    margin-bottom: 15rem !important;
  }
  .mv-sm-15 {
    margin-top: 15rem !important;
    margin-bottom: 15rem !important;
  }
  .mh-sm-15 {
    margin-left: 15rem !important;
    margin-right: 15rem !important;
  }
}

@media (min-width: 769px) {
  .pa-sm-16 {
    padding: 16rem !important;
  }
  .pl-sm-16 {
    padding-left: 16rem !important;
  }
  .pr-sm-16 {
    padding-right: 16rem !important;
  }
  .pt-sm-16 {
    padding-top: 16rem !important;
  }
  .pb-sm-16 {
    padding-bottom: 16rem !important;
  }
  .pv-sm-16 {
    padding-top: 16rem !important;
    padding-bottom: 16rem !important;
  }
  .ph-sm-16 {
    padding-left: 16rem !important;
    padding-right: 16rem !important;
  }
  .ma-sm-16 {
    margin: 16rem !important;
  }
  .ml-sm-16 {
    margin-left: 16rem !important;
  }
  .mr-sm-16 {
    margin-right: 16rem !important;
  }
  .mt-sm-16 {
    margin-top: 16rem !important;
  }
  .mb-sm-16 {
    margin-bottom: 16rem !important;
  }
  .mv-sm-16 {
    margin-top: 16rem !important;
    margin-bottom: 16rem !important;
  }
  .mh-sm-16 {
    margin-left: 16rem !important;
    margin-right: 16rem !important;
  }
}

@media (min-width: 769px) {
  .pa-sm-17 {
    padding: 17rem !important;
  }
  .pl-sm-17 {
    padding-left: 17rem !important;
  }
  .pr-sm-17 {
    padding-right: 17rem !important;
  }
  .pt-sm-17 {
    padding-top: 17rem !important;
  }
  .pb-sm-17 {
    padding-bottom: 17rem !important;
  }
  .pv-sm-17 {
    padding-top: 17rem !important;
    padding-bottom: 17rem !important;
  }
  .ph-sm-17 {
    padding-left: 17rem !important;
    padding-right: 17rem !important;
  }
  .ma-sm-17 {
    margin: 17rem !important;
  }
  .ml-sm-17 {
    margin-left: 17rem !important;
  }
  .mr-sm-17 {
    margin-right: 17rem !important;
  }
  .mt-sm-17 {
    margin-top: 17rem !important;
  }
  .mb-sm-17 {
    margin-bottom: 17rem !important;
  }
  .mv-sm-17 {
    margin-top: 17rem !important;
    margin-bottom: 17rem !important;
  }
  .mh-sm-17 {
    margin-left: 17rem !important;
    margin-right: 17rem !important;
  }
}

@media (min-width: 769px) {
  .pa-sm-18 {
    padding: 18rem !important;
  }
  .pl-sm-18 {
    padding-left: 18rem !important;
  }
  .pr-sm-18 {
    padding-right: 18rem !important;
  }
  .pt-sm-18 {
    padding-top: 18rem !important;
  }
  .pb-sm-18 {
    padding-bottom: 18rem !important;
  }
  .pv-sm-18 {
    padding-top: 18rem !important;
    padding-bottom: 18rem !important;
  }
  .ph-sm-18 {
    padding-left: 18rem !important;
    padding-right: 18rem !important;
  }
  .ma-sm-18 {
    margin: 18rem !important;
  }
  .ml-sm-18 {
    margin-left: 18rem !important;
  }
  .mr-sm-18 {
    margin-right: 18rem !important;
  }
  .mt-sm-18 {
    margin-top: 18rem !important;
  }
  .mb-sm-18 {
    margin-bottom: 18rem !important;
  }
  .mv-sm-18 {
    margin-top: 18rem !important;
    margin-bottom: 18rem !important;
  }
  .mh-sm-18 {
    margin-left: 18rem !important;
    margin-right: 18rem !important;
  }
}

@media (min-width: 769px) {
  .pa-sm-19 {
    padding: 19rem !important;
  }
  .pl-sm-19 {
    padding-left: 19rem !important;
  }
  .pr-sm-19 {
    padding-right: 19rem !important;
  }
  .pt-sm-19 {
    padding-top: 19rem !important;
  }
  .pb-sm-19 {
    padding-bottom: 19rem !important;
  }
  .pv-sm-19 {
    padding-top: 19rem !important;
    padding-bottom: 19rem !important;
  }
  .ph-sm-19 {
    padding-left: 19rem !important;
    padding-right: 19rem !important;
  }
  .ma-sm-19 {
    margin: 19rem !important;
  }
  .ml-sm-19 {
    margin-left: 19rem !important;
  }
  .mr-sm-19 {
    margin-right: 19rem !important;
  }
  .mt-sm-19 {
    margin-top: 19rem !important;
  }
  .mb-sm-19 {
    margin-bottom: 19rem !important;
  }
  .mv-sm-19 {
    margin-top: 19rem !important;
    margin-bottom: 19rem !important;
  }
  .mh-sm-19 {
    margin-left: 19rem !important;
    margin-right: 19rem !important;
  }
}

@media (min-width: 769px) {
  .pa-sm-20 {
    padding: 20rem !important;
  }
  .pl-sm-20 {
    padding-left: 20rem !important;
  }
  .pr-sm-20 {
    padding-right: 20rem !important;
  }
  .pt-sm-20 {
    padding-top: 20rem !important;
  }
  .pb-sm-20 {
    padding-bottom: 20rem !important;
  }
  .pv-sm-20 {
    padding-top: 20rem !important;
    padding-bottom: 20rem !important;
  }
  .ph-sm-20 {
    padding-left: 20rem !important;
    padding-right: 20rem !important;
  }
  .ma-sm-20 {
    margin: 20rem !important;
  }
  .ml-sm-20 {
    margin-left: 20rem !important;
  }
  .mr-sm-20 {
    margin-right: 20rem !important;
  }
  .mt-sm-20 {
    margin-top: 20rem !important;
  }
  .mb-sm-20 {
    margin-bottom: 20rem !important;
  }
  .mv-sm-20 {
    margin-top: 20rem !important;
    margin-bottom: 20rem !important;
  }
  .mh-sm-20 {
    margin-left: 20rem !important;
    margin-right: 20rem !important;
  }
}

@media (min-width: 641px) {
  .pa-ph-0 {
    padding: 0rem !important;
  }
  .pl-ph-0 {
    padding-left: 0rem !important;
  }
  .pr-ph-0 {
    padding-right: 0rem !important;
  }
  .pt-ph-0 {
    padding-top: 0rem !important;
  }
  .pb-ph-0 {
    padding-bottom: 0rem !important;
  }
  .pv-ph-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .ph-ph-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .ma-ph-0 {
    margin: 0rem !important;
  }
  .ml-ph-0 {
    margin-left: 0rem !important;
  }
  .mr-ph-0 {
    margin-right: 0rem !important;
  }
  .mt-ph-0 {
    margin-top: 0rem !important;
  }
  .mb-ph-0 {
    margin-bottom: 0rem !important;
  }
  .mv-ph-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .mh-ph-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
}

@media (min-width: 641px) {
  .pa-ph-1 {
    padding: 1rem !important;
  }
  .pl-ph-1 {
    padding-left: 1rem !important;
  }
  .pr-ph-1 {
    padding-right: 1rem !important;
  }
  .pt-ph-1 {
    padding-top: 1rem !important;
  }
  .pb-ph-1 {
    padding-bottom: 1rem !important;
  }
  .pv-ph-1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .ph-ph-1 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .ma-ph-1 {
    margin: 1rem !important;
  }
  .ml-ph-1 {
    margin-left: 1rem !important;
  }
  .mr-ph-1 {
    margin-right: 1rem !important;
  }
  .mt-ph-1 {
    margin-top: 1rem !important;
  }
  .mb-ph-1 {
    margin-bottom: 1rem !important;
  }
  .mv-ph-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mh-ph-1 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}

@media (min-width: 641px) {
  .pa-ph-2 {
    padding: 2rem !important;
  }
  .pl-ph-2 {
    padding-left: 2rem !important;
  }
  .pr-ph-2 {
    padding-right: 2rem !important;
  }
  .pt-ph-2 {
    padding-top: 2rem !important;
  }
  .pb-ph-2 {
    padding-bottom: 2rem !important;
  }
  .pv-ph-2 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .ph-ph-2 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .ma-ph-2 {
    margin: 2rem !important;
  }
  .ml-ph-2 {
    margin-left: 2rem !important;
  }
  .mr-ph-2 {
    margin-right: 2rem !important;
  }
  .mt-ph-2 {
    margin-top: 2rem !important;
  }
  .mb-ph-2 {
    margin-bottom: 2rem !important;
  }
  .mv-ph-2 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .mh-ph-2 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
}

@media (min-width: 641px) {
  .pa-ph-3 {
    padding: 3rem !important;
  }
  .pl-ph-3 {
    padding-left: 3rem !important;
  }
  .pr-ph-3 {
    padding-right: 3rem !important;
  }
  .pt-ph-3 {
    padding-top: 3rem !important;
  }
  .pb-ph-3 {
    padding-bottom: 3rem !important;
  }
  .pv-ph-3 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .ph-ph-3 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .ma-ph-3 {
    margin: 3rem !important;
  }
  .ml-ph-3 {
    margin-left: 3rem !important;
  }
  .mr-ph-3 {
    margin-right: 3rem !important;
  }
  .mt-ph-3 {
    margin-top: 3rem !important;
  }
  .mb-ph-3 {
    margin-bottom: 3rem !important;
  }
  .mv-ph-3 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .mh-ph-3 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}

@media (min-width: 641px) {
  .pa-ph-4 {
    padding: 4rem !important;
  }
  .pl-ph-4 {
    padding-left: 4rem !important;
  }
  .pr-ph-4 {
    padding-right: 4rem !important;
  }
  .pt-ph-4 {
    padding-top: 4rem !important;
  }
  .pb-ph-4 {
    padding-bottom: 4rem !important;
  }
  .pv-ph-4 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .ph-ph-4 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .ma-ph-4 {
    margin: 4rem !important;
  }
  .ml-ph-4 {
    margin-left: 4rem !important;
  }
  .mr-ph-4 {
    margin-right: 4rem !important;
  }
  .mt-ph-4 {
    margin-top: 4rem !important;
  }
  .mb-ph-4 {
    margin-bottom: 4rem !important;
  }
  .mv-ph-4 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .mh-ph-4 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}

@media (min-width: 641px) {
  .pa-ph-5 {
    padding: 5rem !important;
  }
  .pl-ph-5 {
    padding-left: 5rem !important;
  }
  .pr-ph-5 {
    padding-right: 5rem !important;
  }
  .pt-ph-5 {
    padding-top: 5rem !important;
  }
  .pb-ph-5 {
    padding-bottom: 5rem !important;
  }
  .pv-ph-5 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .ph-ph-5 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .ma-ph-5 {
    margin: 5rem !important;
  }
  .ml-ph-5 {
    margin-left: 5rem !important;
  }
  .mr-ph-5 {
    margin-right: 5rem !important;
  }
  .mt-ph-5 {
    margin-top: 5rem !important;
  }
  .mb-ph-5 {
    margin-bottom: 5rem !important;
  }
  .mv-ph-5 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .mh-ph-5 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}

@media (min-width: 641px) {
  .pa-ph-6 {
    padding: 6rem !important;
  }
  .pl-ph-6 {
    padding-left: 6rem !important;
  }
  .pr-ph-6 {
    padding-right: 6rem !important;
  }
  .pt-ph-6 {
    padding-top: 6rem !important;
  }
  .pb-ph-6 {
    padding-bottom: 6rem !important;
  }
  .pv-ph-6 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .ph-ph-6 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .ma-ph-6 {
    margin: 6rem !important;
  }
  .ml-ph-6 {
    margin-left: 6rem !important;
  }
  .mr-ph-6 {
    margin-right: 6rem !important;
  }
  .mt-ph-6 {
    margin-top: 6rem !important;
  }
  .mb-ph-6 {
    margin-bottom: 6rem !important;
  }
  .mv-ph-6 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .mh-ph-6 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
}

@media (min-width: 641px) {
  .pa-ph-7 {
    padding: 7rem !important;
  }
  .pl-ph-7 {
    padding-left: 7rem !important;
  }
  .pr-ph-7 {
    padding-right: 7rem !important;
  }
  .pt-ph-7 {
    padding-top: 7rem !important;
  }
  .pb-ph-7 {
    padding-bottom: 7rem !important;
  }
  .pv-ph-7 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .ph-ph-7 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
  .ma-ph-7 {
    margin: 7rem !important;
  }
  .ml-ph-7 {
    margin-left: 7rem !important;
  }
  .mr-ph-7 {
    margin-right: 7rem !important;
  }
  .mt-ph-7 {
    margin-top: 7rem !important;
  }
  .mb-ph-7 {
    margin-bottom: 7rem !important;
  }
  .mv-ph-7 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .mh-ph-7 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
}

@media (min-width: 641px) {
  .pa-ph-8 {
    padding: 8rem !important;
  }
  .pl-ph-8 {
    padding-left: 8rem !important;
  }
  .pr-ph-8 {
    padding-right: 8rem !important;
  }
  .pt-ph-8 {
    padding-top: 8rem !important;
  }
  .pb-ph-8 {
    padding-bottom: 8rem !important;
  }
  .pv-ph-8 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .ph-ph-8 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
  .ma-ph-8 {
    margin: 8rem !important;
  }
  .ml-ph-8 {
    margin-left: 8rem !important;
  }
  .mr-ph-8 {
    margin-right: 8rem !important;
  }
  .mt-ph-8 {
    margin-top: 8rem !important;
  }
  .mb-ph-8 {
    margin-bottom: 8rem !important;
  }
  .mv-ph-8 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
  .mh-ph-8 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
}

@media (min-width: 641px) {
  .pa-ph-9 {
    padding: 9rem !important;
  }
  .pl-ph-9 {
    padding-left: 9rem !important;
  }
  .pr-ph-9 {
    padding-right: 9rem !important;
  }
  .pt-ph-9 {
    padding-top: 9rem !important;
  }
  .pb-ph-9 {
    padding-bottom: 9rem !important;
  }
  .pv-ph-9 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
  .ph-ph-9 {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
  }
  .ma-ph-9 {
    margin: 9rem !important;
  }
  .ml-ph-9 {
    margin-left: 9rem !important;
  }
  .mr-ph-9 {
    margin-right: 9rem !important;
  }
  .mt-ph-9 {
    margin-top: 9rem !important;
  }
  .mb-ph-9 {
    margin-bottom: 9rem !important;
  }
  .mv-ph-9 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }
  .mh-ph-9 {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
  }
}

@media (min-width: 641px) {
  .pa-ph-10 {
    padding: 10rem !important;
  }
  .pl-ph-10 {
    padding-left: 10rem !important;
  }
  .pr-ph-10 {
    padding-right: 10rem !important;
  }
  .pt-ph-10 {
    padding-top: 10rem !important;
  }
  .pb-ph-10 {
    padding-bottom: 10rem !important;
  }
  .pv-ph-10 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
  .ph-ph-10 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
  .ma-ph-10 {
    margin: 10rem !important;
  }
  .ml-ph-10 {
    margin-left: 10rem !important;
  }
  .mr-ph-10 {
    margin-right: 10rem !important;
  }
  .mt-ph-10 {
    margin-top: 10rem !important;
  }
  .mb-ph-10 {
    margin-bottom: 10rem !important;
  }
  .mv-ph-10 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }
  .mh-ph-10 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }
}

@media (min-width: 641px) {
  .pa-ph-11 {
    padding: 11rem !important;
  }
  .pl-ph-11 {
    padding-left: 11rem !important;
  }
  .pr-ph-11 {
    padding-right: 11rem !important;
  }
  .pt-ph-11 {
    padding-top: 11rem !important;
  }
  .pb-ph-11 {
    padding-bottom: 11rem !important;
  }
  .pv-ph-11 {
    padding-top: 11rem !important;
    padding-bottom: 11rem !important;
  }
  .ph-ph-11 {
    padding-left: 11rem !important;
    padding-right: 11rem !important;
  }
  .ma-ph-11 {
    margin: 11rem !important;
  }
  .ml-ph-11 {
    margin-left: 11rem !important;
  }
  .mr-ph-11 {
    margin-right: 11rem !important;
  }
  .mt-ph-11 {
    margin-top: 11rem !important;
  }
  .mb-ph-11 {
    margin-bottom: 11rem !important;
  }
  .mv-ph-11 {
    margin-top: 11rem !important;
    margin-bottom: 11rem !important;
  }
  .mh-ph-11 {
    margin-left: 11rem !important;
    margin-right: 11rem !important;
  }
}

@media (min-width: 641px) {
  .pa-ph-12 {
    padding: 12rem !important;
  }
  .pl-ph-12 {
    padding-left: 12rem !important;
  }
  .pr-ph-12 {
    padding-right: 12rem !important;
  }
  .pt-ph-12 {
    padding-top: 12rem !important;
  }
  .pb-ph-12 {
    padding-bottom: 12rem !important;
  }
  .pv-ph-12 {
    padding-top: 12rem !important;
    padding-bottom: 12rem !important;
  }
  .ph-ph-12 {
    padding-left: 12rem !important;
    padding-right: 12rem !important;
  }
  .ma-ph-12 {
    margin: 12rem !important;
  }
  .ml-ph-12 {
    margin-left: 12rem !important;
  }
  .mr-ph-12 {
    margin-right: 12rem !important;
  }
  .mt-ph-12 {
    margin-top: 12rem !important;
  }
  .mb-ph-12 {
    margin-bottom: 12rem !important;
  }
  .mv-ph-12 {
    margin-top: 12rem !important;
    margin-bottom: 12rem !important;
  }
  .mh-ph-12 {
    margin-left: 12rem !important;
    margin-right: 12rem !important;
  }
}

@media (min-width: 641px) {
  .pa-ph-13 {
    padding: 13rem !important;
  }
  .pl-ph-13 {
    padding-left: 13rem !important;
  }
  .pr-ph-13 {
    padding-right: 13rem !important;
  }
  .pt-ph-13 {
    padding-top: 13rem !important;
  }
  .pb-ph-13 {
    padding-bottom: 13rem !important;
  }
  .pv-ph-13 {
    padding-top: 13rem !important;
    padding-bottom: 13rem !important;
  }
  .ph-ph-13 {
    padding-left: 13rem !important;
    padding-right: 13rem !important;
  }
  .ma-ph-13 {
    margin: 13rem !important;
  }
  .ml-ph-13 {
    margin-left: 13rem !important;
  }
  .mr-ph-13 {
    margin-right: 13rem !important;
  }
  .mt-ph-13 {
    margin-top: 13rem !important;
  }
  .mb-ph-13 {
    margin-bottom: 13rem !important;
  }
  .mv-ph-13 {
    margin-top: 13rem !important;
    margin-bottom: 13rem !important;
  }
  .mh-ph-13 {
    margin-left: 13rem !important;
    margin-right: 13rem !important;
  }
}

@media (min-width: 641px) {
  .pa-ph-14 {
    padding: 14rem !important;
  }
  .pl-ph-14 {
    padding-left: 14rem !important;
  }
  .pr-ph-14 {
    padding-right: 14rem !important;
  }
  .pt-ph-14 {
    padding-top: 14rem !important;
  }
  .pb-ph-14 {
    padding-bottom: 14rem !important;
  }
  .pv-ph-14 {
    padding-top: 14rem !important;
    padding-bottom: 14rem !important;
  }
  .ph-ph-14 {
    padding-left: 14rem !important;
    padding-right: 14rem !important;
  }
  .ma-ph-14 {
    margin: 14rem !important;
  }
  .ml-ph-14 {
    margin-left: 14rem !important;
  }
  .mr-ph-14 {
    margin-right: 14rem !important;
  }
  .mt-ph-14 {
    margin-top: 14rem !important;
  }
  .mb-ph-14 {
    margin-bottom: 14rem !important;
  }
  .mv-ph-14 {
    margin-top: 14rem !important;
    margin-bottom: 14rem !important;
  }
  .mh-ph-14 {
    margin-left: 14rem !important;
    margin-right: 14rem !important;
  }
}

@media (min-width: 641px) {
  .pa-ph-15 {
    padding: 15rem !important;
  }
  .pl-ph-15 {
    padding-left: 15rem !important;
  }
  .pr-ph-15 {
    padding-right: 15rem !important;
  }
  .pt-ph-15 {
    padding-top: 15rem !important;
  }
  .pb-ph-15 {
    padding-bottom: 15rem !important;
  }
  .pv-ph-15 {
    padding-top: 15rem !important;
    padding-bottom: 15rem !important;
  }
  .ph-ph-15 {
    padding-left: 15rem !important;
    padding-right: 15rem !important;
  }
  .ma-ph-15 {
    margin: 15rem !important;
  }
  .ml-ph-15 {
    margin-left: 15rem !important;
  }
  .mr-ph-15 {
    margin-right: 15rem !important;
  }
  .mt-ph-15 {
    margin-top: 15rem !important;
  }
  .mb-ph-15 {
    margin-bottom: 15rem !important;
  }
  .mv-ph-15 {
    margin-top: 15rem !important;
    margin-bottom: 15rem !important;
  }
  .mh-ph-15 {
    margin-left: 15rem !important;
    margin-right: 15rem !important;
  }
}

@media (min-width: 641px) {
  .pa-ph-16 {
    padding: 16rem !important;
  }
  .pl-ph-16 {
    padding-left: 16rem !important;
  }
  .pr-ph-16 {
    padding-right: 16rem !important;
  }
  .pt-ph-16 {
    padding-top: 16rem !important;
  }
  .pb-ph-16 {
    padding-bottom: 16rem !important;
  }
  .pv-ph-16 {
    padding-top: 16rem !important;
    padding-bottom: 16rem !important;
  }
  .ph-ph-16 {
    padding-left: 16rem !important;
    padding-right: 16rem !important;
  }
  .ma-ph-16 {
    margin: 16rem !important;
  }
  .ml-ph-16 {
    margin-left: 16rem !important;
  }
  .mr-ph-16 {
    margin-right: 16rem !important;
  }
  .mt-ph-16 {
    margin-top: 16rem !important;
  }
  .mb-ph-16 {
    margin-bottom: 16rem !important;
  }
  .mv-ph-16 {
    margin-top: 16rem !important;
    margin-bottom: 16rem !important;
  }
  .mh-ph-16 {
    margin-left: 16rem !important;
    margin-right: 16rem !important;
  }
}

@media (min-width: 641px) {
  .pa-ph-17 {
    padding: 17rem !important;
  }
  .pl-ph-17 {
    padding-left: 17rem !important;
  }
  .pr-ph-17 {
    padding-right: 17rem !important;
  }
  .pt-ph-17 {
    padding-top: 17rem !important;
  }
  .pb-ph-17 {
    padding-bottom: 17rem !important;
  }
  .pv-ph-17 {
    padding-top: 17rem !important;
    padding-bottom: 17rem !important;
  }
  .ph-ph-17 {
    padding-left: 17rem !important;
    padding-right: 17rem !important;
  }
  .ma-ph-17 {
    margin: 17rem !important;
  }
  .ml-ph-17 {
    margin-left: 17rem !important;
  }
  .mr-ph-17 {
    margin-right: 17rem !important;
  }
  .mt-ph-17 {
    margin-top: 17rem !important;
  }
  .mb-ph-17 {
    margin-bottom: 17rem !important;
  }
  .mv-ph-17 {
    margin-top: 17rem !important;
    margin-bottom: 17rem !important;
  }
  .mh-ph-17 {
    margin-left: 17rem !important;
    margin-right: 17rem !important;
  }
}

@media (min-width: 641px) {
  .pa-ph-18 {
    padding: 18rem !important;
  }
  .pl-ph-18 {
    padding-left: 18rem !important;
  }
  .pr-ph-18 {
    padding-right: 18rem !important;
  }
  .pt-ph-18 {
    padding-top: 18rem !important;
  }
  .pb-ph-18 {
    padding-bottom: 18rem !important;
  }
  .pv-ph-18 {
    padding-top: 18rem !important;
    padding-bottom: 18rem !important;
  }
  .ph-ph-18 {
    padding-left: 18rem !important;
    padding-right: 18rem !important;
  }
  .ma-ph-18 {
    margin: 18rem !important;
  }
  .ml-ph-18 {
    margin-left: 18rem !important;
  }
  .mr-ph-18 {
    margin-right: 18rem !important;
  }
  .mt-ph-18 {
    margin-top: 18rem !important;
  }
  .mb-ph-18 {
    margin-bottom: 18rem !important;
  }
  .mv-ph-18 {
    margin-top: 18rem !important;
    margin-bottom: 18rem !important;
  }
  .mh-ph-18 {
    margin-left: 18rem !important;
    margin-right: 18rem !important;
  }
}

@media (min-width: 641px) {
  .pa-ph-19 {
    padding: 19rem !important;
  }
  .pl-ph-19 {
    padding-left: 19rem !important;
  }
  .pr-ph-19 {
    padding-right: 19rem !important;
  }
  .pt-ph-19 {
    padding-top: 19rem !important;
  }
  .pb-ph-19 {
    padding-bottom: 19rem !important;
  }
  .pv-ph-19 {
    padding-top: 19rem !important;
    padding-bottom: 19rem !important;
  }
  .ph-ph-19 {
    padding-left: 19rem !important;
    padding-right: 19rem !important;
  }
  .ma-ph-19 {
    margin: 19rem !important;
  }
  .ml-ph-19 {
    margin-left: 19rem !important;
  }
  .mr-ph-19 {
    margin-right: 19rem !important;
  }
  .mt-ph-19 {
    margin-top: 19rem !important;
  }
  .mb-ph-19 {
    margin-bottom: 19rem !important;
  }
  .mv-ph-19 {
    margin-top: 19rem !important;
    margin-bottom: 19rem !important;
  }
  .mh-ph-19 {
    margin-left: 19rem !important;
    margin-right: 19rem !important;
  }
}

@media (min-width: 641px) {
  .pa-ph-20 {
    padding: 20rem !important;
  }
  .pl-ph-20 {
    padding-left: 20rem !important;
  }
  .pr-ph-20 {
    padding-right: 20rem !important;
  }
  .pt-ph-20 {
    padding-top: 20rem !important;
  }
  .pb-ph-20 {
    padding-bottom: 20rem !important;
  }
  .pv-ph-20 {
    padding-top: 20rem !important;
    padding-bottom: 20rem !important;
  }
  .ph-ph-20 {
    padding-left: 20rem !important;
    padding-right: 20rem !important;
  }
  .ma-ph-20 {
    margin: 20rem !important;
  }
  .ml-ph-20 {
    margin-left: 20rem !important;
  }
  .mr-ph-20 {
    margin-right: 20rem !important;
  }
  .mt-ph-20 {
    margin-top: 20rem !important;
  }
  .mb-ph-20 {
    margin-bottom: 20rem !important;
  }
  .mv-ph-20 {
    margin-top: 20rem !important;
    margin-bottom: 20rem !important;
  }
  .mh-ph-20 {
    margin-left: 20rem !important;
    margin-right: 20rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-0 {
    padding: 0rem !important;
  }
  .pl-md-0 {
    padding-left: 0rem !important;
  }
  .pr-md-0 {
    padding-right: 0rem !important;
  }
  .pt-md-0 {
    padding-top: 0rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0rem !important;
  }
  .pv-md-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .ph-md-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .ma-md-0 {
    margin: 0rem !important;
  }
  .ml-md-0 {
    margin-left: 0rem !important;
  }
  .mr-md-0 {
    margin-right: 0rem !important;
  }
  .mt-md-0 {
    margin-top: 0rem !important;
  }
  .mb-md-0 {
    margin-bottom: 0rem !important;
  }
  .mv-md-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .mh-md-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-1 {
    padding: 1rem !important;
  }
  .pl-md-1 {
    padding-left: 1rem !important;
  }
  .pr-md-1 {
    padding-right: 1rem !important;
  }
  .pt-md-1 {
    padding-top: 1rem !important;
  }
  .pb-md-1 {
    padding-bottom: 1rem !important;
  }
  .pv-md-1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .ph-md-1 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .ma-md-1 {
    margin: 1rem !important;
  }
  .ml-md-1 {
    margin-left: 1rem !important;
  }
  .mr-md-1 {
    margin-right: 1rem !important;
  }
  .mt-md-1 {
    margin-top: 1rem !important;
  }
  .mb-md-1 {
    margin-bottom: 1rem !important;
  }
  .mv-md-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mh-md-1 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-2 {
    padding: 2rem !important;
  }
  .pl-md-2 {
    padding-left: 2rem !important;
  }
  .pr-md-2 {
    padding-right: 2rem !important;
  }
  .pt-md-2 {
    padding-top: 2rem !important;
  }
  .pb-md-2 {
    padding-bottom: 2rem !important;
  }
  .pv-md-2 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .ph-md-2 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .ma-md-2 {
    margin: 2rem !important;
  }
  .ml-md-2 {
    margin-left: 2rem !important;
  }
  .mr-md-2 {
    margin-right: 2rem !important;
  }
  .mt-md-2 {
    margin-top: 2rem !important;
  }
  .mb-md-2 {
    margin-bottom: 2rem !important;
  }
  .mv-md-2 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .mh-md-2 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-3 {
    padding: 3rem !important;
  }
  .pl-md-3 {
    padding-left: 3rem !important;
  }
  .pr-md-3 {
    padding-right: 3rem !important;
  }
  .pt-md-3 {
    padding-top: 3rem !important;
  }
  .pb-md-3 {
    padding-bottom: 3rem !important;
  }
  .pv-md-3 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .ph-md-3 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .ma-md-3 {
    margin: 3rem !important;
  }
  .ml-md-3 {
    margin-left: 3rem !important;
  }
  .mr-md-3 {
    margin-right: 3rem !important;
  }
  .mt-md-3 {
    margin-top: 3rem !important;
  }
  .mb-md-3 {
    margin-bottom: 3rem !important;
  }
  .mv-md-3 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .mh-md-3 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-4 {
    padding: 4rem !important;
  }
  .pl-md-4 {
    padding-left: 4rem !important;
  }
  .pr-md-4 {
    padding-right: 4rem !important;
  }
  .pt-md-4 {
    padding-top: 4rem !important;
  }
  .pb-md-4 {
    padding-bottom: 4rem !important;
  }
  .pv-md-4 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .ph-md-4 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .ma-md-4 {
    margin: 4rem !important;
  }
  .ml-md-4 {
    margin-left: 4rem !important;
  }
  .mr-md-4 {
    margin-right: 4rem !important;
  }
  .mt-md-4 {
    margin-top: 4rem !important;
  }
  .mb-md-4 {
    margin-bottom: 4rem !important;
  }
  .mv-md-4 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .mh-md-4 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-5 {
    padding: 5rem !important;
  }
  .pl-md-5 {
    padding-left: 5rem !important;
  }
  .pr-md-5 {
    padding-right: 5rem !important;
  }
  .pt-md-5 {
    padding-top: 5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 5rem !important;
  }
  .pv-md-5 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .ph-md-5 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .ma-md-5 {
    margin: 5rem !important;
  }
  .ml-md-5 {
    margin-left: 5rem !important;
  }
  .mr-md-5 {
    margin-right: 5rem !important;
  }
  .mt-md-5 {
    margin-top: 5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 5rem !important;
  }
  .mv-md-5 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .mh-md-5 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-6 {
    padding: 6rem !important;
  }
  .pl-md-6 {
    padding-left: 6rem !important;
  }
  .pr-md-6 {
    padding-right: 6rem !important;
  }
  .pt-md-6 {
    padding-top: 6rem !important;
  }
  .pb-md-6 {
    padding-bottom: 6rem !important;
  }
  .pv-md-6 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .ph-md-6 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .ma-md-6 {
    margin: 6rem !important;
  }
  .ml-md-6 {
    margin-left: 6rem !important;
  }
  .mr-md-6 {
    margin-right: 6rem !important;
  }
  .mt-md-6 {
    margin-top: 6rem !important;
  }
  .mb-md-6 {
    margin-bottom: 6rem !important;
  }
  .mv-md-6 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .mh-md-6 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-7 {
    padding: 7rem !important;
  }
  .pl-md-7 {
    padding-left: 7rem !important;
  }
  .pr-md-7 {
    padding-right: 7rem !important;
  }
  .pt-md-7 {
    padding-top: 7rem !important;
  }
  .pb-md-7 {
    padding-bottom: 7rem !important;
  }
  .pv-md-7 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .ph-md-7 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
  .ma-md-7 {
    margin: 7rem !important;
  }
  .ml-md-7 {
    margin-left: 7rem !important;
  }
  .mr-md-7 {
    margin-right: 7rem !important;
  }
  .mt-md-7 {
    margin-top: 7rem !important;
  }
  .mb-md-7 {
    margin-bottom: 7rem !important;
  }
  .mv-md-7 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .mh-md-7 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-8 {
    padding: 8rem !important;
  }
  .pl-md-8 {
    padding-left: 8rem !important;
  }
  .pr-md-8 {
    padding-right: 8rem !important;
  }
  .pt-md-8 {
    padding-top: 8rem !important;
  }
  .pb-md-8 {
    padding-bottom: 8rem !important;
  }
  .pv-md-8 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .ph-md-8 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
  .ma-md-8 {
    margin: 8rem !important;
  }
  .ml-md-8 {
    margin-left: 8rem !important;
  }
  .mr-md-8 {
    margin-right: 8rem !important;
  }
  .mt-md-8 {
    margin-top: 8rem !important;
  }
  .mb-md-8 {
    margin-bottom: 8rem !important;
  }
  .mv-md-8 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
  .mh-md-8 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-9 {
    padding: 9rem !important;
  }
  .pl-md-9 {
    padding-left: 9rem !important;
  }
  .pr-md-9 {
    padding-right: 9rem !important;
  }
  .pt-md-9 {
    padding-top: 9rem !important;
  }
  .pb-md-9 {
    padding-bottom: 9rem !important;
  }
  .pv-md-9 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
  .ph-md-9 {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
  }
  .ma-md-9 {
    margin: 9rem !important;
  }
  .ml-md-9 {
    margin-left: 9rem !important;
  }
  .mr-md-9 {
    margin-right: 9rem !important;
  }
  .mt-md-9 {
    margin-top: 9rem !important;
  }
  .mb-md-9 {
    margin-bottom: 9rem !important;
  }
  .mv-md-9 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }
  .mh-md-9 {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-10 {
    padding: 10rem !important;
  }
  .pl-md-10 {
    padding-left: 10rem !important;
  }
  .pr-md-10 {
    padding-right: 10rem !important;
  }
  .pt-md-10 {
    padding-top: 10rem !important;
  }
  .pb-md-10 {
    padding-bottom: 10rem !important;
  }
  .pv-md-10 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
  .ph-md-10 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
  .ma-md-10 {
    margin: 10rem !important;
  }
  .ml-md-10 {
    margin-left: 10rem !important;
  }
  .mr-md-10 {
    margin-right: 10rem !important;
  }
  .mt-md-10 {
    margin-top: 10rem !important;
  }
  .mb-md-10 {
    margin-bottom: 10rem !important;
  }
  .mv-md-10 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }
  .mh-md-10 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-11 {
    padding: 11rem !important;
  }
  .pl-md-11 {
    padding-left: 11rem !important;
  }
  .pr-md-11 {
    padding-right: 11rem !important;
  }
  .pt-md-11 {
    padding-top: 11rem !important;
  }
  .pb-md-11 {
    padding-bottom: 11rem !important;
  }
  .pv-md-11 {
    padding-top: 11rem !important;
    padding-bottom: 11rem !important;
  }
  .ph-md-11 {
    padding-left: 11rem !important;
    padding-right: 11rem !important;
  }
  .ma-md-11 {
    margin: 11rem !important;
  }
  .ml-md-11 {
    margin-left: 11rem !important;
  }
  .mr-md-11 {
    margin-right: 11rem !important;
  }
  .mt-md-11 {
    margin-top: 11rem !important;
  }
  .mb-md-11 {
    margin-bottom: 11rem !important;
  }
  .mv-md-11 {
    margin-top: 11rem !important;
    margin-bottom: 11rem !important;
  }
  .mh-md-11 {
    margin-left: 11rem !important;
    margin-right: 11rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-12 {
    padding: 12rem !important;
  }
  .pl-md-12 {
    padding-left: 12rem !important;
  }
  .pr-md-12 {
    padding-right: 12rem !important;
  }
  .pt-md-12 {
    padding-top: 12rem !important;
  }
  .pb-md-12 {
    padding-bottom: 12rem !important;
  }
  .pv-md-12 {
    padding-top: 12rem !important;
    padding-bottom: 12rem !important;
  }
  .ph-md-12 {
    padding-left: 12rem !important;
    padding-right: 12rem !important;
  }
  .ma-md-12 {
    margin: 12rem !important;
  }
  .ml-md-12 {
    margin-left: 12rem !important;
  }
  .mr-md-12 {
    margin-right: 12rem !important;
  }
  .mt-md-12 {
    margin-top: 12rem !important;
  }
  .mb-md-12 {
    margin-bottom: 12rem !important;
  }
  .mv-md-12 {
    margin-top: 12rem !important;
    margin-bottom: 12rem !important;
  }
  .mh-md-12 {
    margin-left: 12rem !important;
    margin-right: 12rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-13 {
    padding: 13rem !important;
  }
  .pl-md-13 {
    padding-left: 13rem !important;
  }
  .pr-md-13 {
    padding-right: 13rem !important;
  }
  .pt-md-13 {
    padding-top: 13rem !important;
  }
  .pb-md-13 {
    padding-bottom: 13rem !important;
  }
  .pv-md-13 {
    padding-top: 13rem !important;
    padding-bottom: 13rem !important;
  }
  .ph-md-13 {
    padding-left: 13rem !important;
    padding-right: 13rem !important;
  }
  .ma-md-13 {
    margin: 13rem !important;
  }
  .ml-md-13 {
    margin-left: 13rem !important;
  }
  .mr-md-13 {
    margin-right: 13rem !important;
  }
  .mt-md-13 {
    margin-top: 13rem !important;
  }
  .mb-md-13 {
    margin-bottom: 13rem !important;
  }
  .mv-md-13 {
    margin-top: 13rem !important;
    margin-bottom: 13rem !important;
  }
  .mh-md-13 {
    margin-left: 13rem !important;
    margin-right: 13rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-14 {
    padding: 14rem !important;
  }
  .pl-md-14 {
    padding-left: 14rem !important;
  }
  .pr-md-14 {
    padding-right: 14rem !important;
  }
  .pt-md-14 {
    padding-top: 14rem !important;
  }
  .pb-md-14 {
    padding-bottom: 14rem !important;
  }
  .pv-md-14 {
    padding-top: 14rem !important;
    padding-bottom: 14rem !important;
  }
  .ph-md-14 {
    padding-left: 14rem !important;
    padding-right: 14rem !important;
  }
  .ma-md-14 {
    margin: 14rem !important;
  }
  .ml-md-14 {
    margin-left: 14rem !important;
  }
  .mr-md-14 {
    margin-right: 14rem !important;
  }
  .mt-md-14 {
    margin-top: 14rem !important;
  }
  .mb-md-14 {
    margin-bottom: 14rem !important;
  }
  .mv-md-14 {
    margin-top: 14rem !important;
    margin-bottom: 14rem !important;
  }
  .mh-md-14 {
    margin-left: 14rem !important;
    margin-right: 14rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-15 {
    padding: 15rem !important;
  }
  .pl-md-15 {
    padding-left: 15rem !important;
  }
  .pr-md-15 {
    padding-right: 15rem !important;
  }
  .pt-md-15 {
    padding-top: 15rem !important;
  }
  .pb-md-15 {
    padding-bottom: 15rem !important;
  }
  .pv-md-15 {
    padding-top: 15rem !important;
    padding-bottom: 15rem !important;
  }
  .ph-md-15 {
    padding-left: 15rem !important;
    padding-right: 15rem !important;
  }
  .ma-md-15 {
    margin: 15rem !important;
  }
  .ml-md-15 {
    margin-left: 15rem !important;
  }
  .mr-md-15 {
    margin-right: 15rem !important;
  }
  .mt-md-15 {
    margin-top: 15rem !important;
  }
  .mb-md-15 {
    margin-bottom: 15rem !important;
  }
  .mv-md-15 {
    margin-top: 15rem !important;
    margin-bottom: 15rem !important;
  }
  .mh-md-15 {
    margin-left: 15rem !important;
    margin-right: 15rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-16 {
    padding: 16rem !important;
  }
  .pl-md-16 {
    padding-left: 16rem !important;
  }
  .pr-md-16 {
    padding-right: 16rem !important;
  }
  .pt-md-16 {
    padding-top: 16rem !important;
  }
  .pb-md-16 {
    padding-bottom: 16rem !important;
  }
  .pv-md-16 {
    padding-top: 16rem !important;
    padding-bottom: 16rem !important;
  }
  .ph-md-16 {
    padding-left: 16rem !important;
    padding-right: 16rem !important;
  }
  .ma-md-16 {
    margin: 16rem !important;
  }
  .ml-md-16 {
    margin-left: 16rem !important;
  }
  .mr-md-16 {
    margin-right: 16rem !important;
  }
  .mt-md-16 {
    margin-top: 16rem !important;
  }
  .mb-md-16 {
    margin-bottom: 16rem !important;
  }
  .mv-md-16 {
    margin-top: 16rem !important;
    margin-bottom: 16rem !important;
  }
  .mh-md-16 {
    margin-left: 16rem !important;
    margin-right: 16rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-17 {
    padding: 17rem !important;
  }
  .pl-md-17 {
    padding-left: 17rem !important;
  }
  .pr-md-17 {
    padding-right: 17rem !important;
  }
  .pt-md-17 {
    padding-top: 17rem !important;
  }
  .pb-md-17 {
    padding-bottom: 17rem !important;
  }
  .pv-md-17 {
    padding-top: 17rem !important;
    padding-bottom: 17rem !important;
  }
  .ph-md-17 {
    padding-left: 17rem !important;
    padding-right: 17rem !important;
  }
  .ma-md-17 {
    margin: 17rem !important;
  }
  .ml-md-17 {
    margin-left: 17rem !important;
  }
  .mr-md-17 {
    margin-right: 17rem !important;
  }
  .mt-md-17 {
    margin-top: 17rem !important;
  }
  .mb-md-17 {
    margin-bottom: 17rem !important;
  }
  .mv-md-17 {
    margin-top: 17rem !important;
    margin-bottom: 17rem !important;
  }
  .mh-md-17 {
    margin-left: 17rem !important;
    margin-right: 17rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-18 {
    padding: 18rem !important;
  }
  .pl-md-18 {
    padding-left: 18rem !important;
  }
  .pr-md-18 {
    padding-right: 18rem !important;
  }
  .pt-md-18 {
    padding-top: 18rem !important;
  }
  .pb-md-18 {
    padding-bottom: 18rem !important;
  }
  .pv-md-18 {
    padding-top: 18rem !important;
    padding-bottom: 18rem !important;
  }
  .ph-md-18 {
    padding-left: 18rem !important;
    padding-right: 18rem !important;
  }
  .ma-md-18 {
    margin: 18rem !important;
  }
  .ml-md-18 {
    margin-left: 18rem !important;
  }
  .mr-md-18 {
    margin-right: 18rem !important;
  }
  .mt-md-18 {
    margin-top: 18rem !important;
  }
  .mb-md-18 {
    margin-bottom: 18rem !important;
  }
  .mv-md-18 {
    margin-top: 18rem !important;
    margin-bottom: 18rem !important;
  }
  .mh-md-18 {
    margin-left: 18rem !important;
    margin-right: 18rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-19 {
    padding: 19rem !important;
  }
  .pl-md-19 {
    padding-left: 19rem !important;
  }
  .pr-md-19 {
    padding-right: 19rem !important;
  }
  .pt-md-19 {
    padding-top: 19rem !important;
  }
  .pb-md-19 {
    padding-bottom: 19rem !important;
  }
  .pv-md-19 {
    padding-top: 19rem !important;
    padding-bottom: 19rem !important;
  }
  .ph-md-19 {
    padding-left: 19rem !important;
    padding-right: 19rem !important;
  }
  .ma-md-19 {
    margin: 19rem !important;
  }
  .ml-md-19 {
    margin-left: 19rem !important;
  }
  .mr-md-19 {
    margin-right: 19rem !important;
  }
  .mt-md-19 {
    margin-top: 19rem !important;
  }
  .mb-md-19 {
    margin-bottom: 19rem !important;
  }
  .mv-md-19 {
    margin-top: 19rem !important;
    margin-bottom: 19rem !important;
  }
  .mh-md-19 {
    margin-left: 19rem !important;
    margin-right: 19rem !important;
  }
}

@media (min-width: 1025px) {
  .pa-md-20 {
    padding: 20rem !important;
  }
  .pl-md-20 {
    padding-left: 20rem !important;
  }
  .pr-md-20 {
    padding-right: 20rem !important;
  }
  .pt-md-20 {
    padding-top: 20rem !important;
  }
  .pb-md-20 {
    padding-bottom: 20rem !important;
  }
  .pv-md-20 {
    padding-top: 20rem !important;
    padding-bottom: 20rem !important;
  }
  .ph-md-20 {
    padding-left: 20rem !important;
    padding-right: 20rem !important;
  }
  .ma-md-20 {
    margin: 20rem !important;
  }
  .ml-md-20 {
    margin-left: 20rem !important;
  }
  .mr-md-20 {
    margin-right: 20rem !important;
  }
  .mt-md-20 {
    margin-top: 20rem !important;
  }
  .mb-md-20 {
    margin-bottom: 20rem !important;
  }
  .mv-md-20 {
    margin-top: 20rem !important;
    margin-bottom: 20rem !important;
  }
  .mh-md-20 {
    margin-left: 20rem !important;
    margin-right: 20rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-0 {
    padding: 0rem !important;
  }
  .pl-lg-0 {
    padding-left: 0rem !important;
  }
  .pr-lg-0 {
    padding-right: 0rem !important;
  }
  .pt-lg-0 {
    padding-top: 0rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0rem !important;
  }
  .pv-lg-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .ph-lg-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .ma-lg-0 {
    margin: 0rem !important;
  }
  .ml-lg-0 {
    margin-left: 0rem !important;
  }
  .mr-lg-0 {
    margin-right: 0rem !important;
  }
  .mt-lg-0 {
    margin-top: 0rem !important;
  }
  .mb-lg-0 {
    margin-bottom: 0rem !important;
  }
  .mv-lg-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .mh-lg-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-1 {
    padding: 1rem !important;
  }
  .pl-lg-1 {
    padding-left: 1rem !important;
  }
  .pr-lg-1 {
    padding-right: 1rem !important;
  }
  .pt-lg-1 {
    padding-top: 1rem !important;
  }
  .pb-lg-1 {
    padding-bottom: 1rem !important;
  }
  .pv-lg-1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .ph-lg-1 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .ma-lg-1 {
    margin: 1rem !important;
  }
  .ml-lg-1 {
    margin-left: 1rem !important;
  }
  .mr-lg-1 {
    margin-right: 1rem !important;
  }
  .mt-lg-1 {
    margin-top: 1rem !important;
  }
  .mb-lg-1 {
    margin-bottom: 1rem !important;
  }
  .mv-lg-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mh-lg-1 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-2 {
    padding: 2rem !important;
  }
  .pl-lg-2 {
    padding-left: 2rem !important;
  }
  .pr-lg-2 {
    padding-right: 2rem !important;
  }
  .pt-lg-2 {
    padding-top: 2rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 2rem !important;
  }
  .pv-lg-2 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .ph-lg-2 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .ma-lg-2 {
    margin: 2rem !important;
  }
  .ml-lg-2 {
    margin-left: 2rem !important;
  }
  .mr-lg-2 {
    margin-right: 2rem !important;
  }
  .mt-lg-2 {
    margin-top: 2rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 2rem !important;
  }
  .mv-lg-2 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .mh-lg-2 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-3 {
    padding: 3rem !important;
  }
  .pl-lg-3 {
    padding-left: 3rem !important;
  }
  .pr-lg-3 {
    padding-right: 3rem !important;
  }
  .pt-lg-3 {
    padding-top: 3rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 3rem !important;
  }
  .pv-lg-3 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .ph-lg-3 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .ma-lg-3 {
    margin: 3rem !important;
  }
  .ml-lg-3 {
    margin-left: 3rem !important;
  }
  .mr-lg-3 {
    margin-right: 3rem !important;
  }
  .mt-lg-3 {
    margin-top: 3rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 3rem !important;
  }
  .mv-lg-3 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .mh-lg-3 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-4 {
    padding: 4rem !important;
  }
  .pl-lg-4 {
    padding-left: 4rem !important;
  }
  .pr-lg-4 {
    padding-right: 4rem !important;
  }
  .pt-lg-4 {
    padding-top: 4rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 4rem !important;
  }
  .pv-lg-4 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .ph-lg-4 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .ma-lg-4 {
    margin: 4rem !important;
  }
  .ml-lg-4 {
    margin-left: 4rem !important;
  }
  .mr-lg-4 {
    margin-right: 4rem !important;
  }
  .mt-lg-4 {
    margin-top: 4rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 4rem !important;
  }
  .mv-lg-4 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .mh-lg-4 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-5 {
    padding: 5rem !important;
  }
  .pl-lg-5 {
    padding-left: 5rem !important;
  }
  .pr-lg-5 {
    padding-right: 5rem !important;
  }
  .pt-lg-5 {
    padding-top: 5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 5rem !important;
  }
  .pv-lg-5 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .ph-lg-5 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .ma-lg-5 {
    margin: 5rem !important;
  }
  .ml-lg-5 {
    margin-left: 5rem !important;
  }
  .mr-lg-5 {
    margin-right: 5rem !important;
  }
  .mt-lg-5 {
    margin-top: 5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 5rem !important;
  }
  .mv-lg-5 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .mh-lg-5 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-6 {
    padding: 6rem !important;
  }
  .pl-lg-6 {
    padding-left: 6rem !important;
  }
  .pr-lg-6 {
    padding-right: 6rem !important;
  }
  .pt-lg-6 {
    padding-top: 6rem !important;
  }
  .pb-lg-6 {
    padding-bottom: 6rem !important;
  }
  .pv-lg-6 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .ph-lg-6 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .ma-lg-6 {
    margin: 6rem !important;
  }
  .ml-lg-6 {
    margin-left: 6rem !important;
  }
  .mr-lg-6 {
    margin-right: 6rem !important;
  }
  .mt-lg-6 {
    margin-top: 6rem !important;
  }
  .mb-lg-6 {
    margin-bottom: 6rem !important;
  }
  .mv-lg-6 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .mh-lg-6 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-7 {
    padding: 7rem !important;
  }
  .pl-lg-7 {
    padding-left: 7rem !important;
  }
  .pr-lg-7 {
    padding-right: 7rem !important;
  }
  .pt-lg-7 {
    padding-top: 7rem !important;
  }
  .pb-lg-7 {
    padding-bottom: 7rem !important;
  }
  .pv-lg-7 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .ph-lg-7 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
  .ma-lg-7 {
    margin: 7rem !important;
  }
  .ml-lg-7 {
    margin-left: 7rem !important;
  }
  .mr-lg-7 {
    margin-right: 7rem !important;
  }
  .mt-lg-7 {
    margin-top: 7rem !important;
  }
  .mb-lg-7 {
    margin-bottom: 7rem !important;
  }
  .mv-lg-7 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .mh-lg-7 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-8 {
    padding: 8rem !important;
  }
  .pl-lg-8 {
    padding-left: 8rem !important;
  }
  .pr-lg-8 {
    padding-right: 8rem !important;
  }
  .pt-lg-8 {
    padding-top: 8rem !important;
  }
  .pb-lg-8 {
    padding-bottom: 8rem !important;
  }
  .pv-lg-8 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .ph-lg-8 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
  .ma-lg-8 {
    margin: 8rem !important;
  }
  .ml-lg-8 {
    margin-left: 8rem !important;
  }
  .mr-lg-8 {
    margin-right: 8rem !important;
  }
  .mt-lg-8 {
    margin-top: 8rem !important;
  }
  .mb-lg-8 {
    margin-bottom: 8rem !important;
  }
  .mv-lg-8 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
  .mh-lg-8 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-9 {
    padding: 9rem !important;
  }
  .pl-lg-9 {
    padding-left: 9rem !important;
  }
  .pr-lg-9 {
    padding-right: 9rem !important;
  }
  .pt-lg-9 {
    padding-top: 9rem !important;
  }
  .pb-lg-9 {
    padding-bottom: 9rem !important;
  }
  .pv-lg-9 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
  .ph-lg-9 {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
  }
  .ma-lg-9 {
    margin: 9rem !important;
  }
  .ml-lg-9 {
    margin-left: 9rem !important;
  }
  .mr-lg-9 {
    margin-right: 9rem !important;
  }
  .mt-lg-9 {
    margin-top: 9rem !important;
  }
  .mb-lg-9 {
    margin-bottom: 9rem !important;
  }
  .mv-lg-9 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }
  .mh-lg-9 {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-10 {
    padding: 10rem !important;
  }
  .pl-lg-10 {
    padding-left: 10rem !important;
  }
  .pr-lg-10 {
    padding-right: 10rem !important;
  }
  .pt-lg-10 {
    padding-top: 10rem !important;
  }
  .pb-lg-10 {
    padding-bottom: 10rem !important;
  }
  .pv-lg-10 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
  .ph-lg-10 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
  .ma-lg-10 {
    margin: 10rem !important;
  }
  .ml-lg-10 {
    margin-left: 10rem !important;
  }
  .mr-lg-10 {
    margin-right: 10rem !important;
  }
  .mt-lg-10 {
    margin-top: 10rem !important;
  }
  .mb-lg-10 {
    margin-bottom: 10rem !important;
  }
  .mv-lg-10 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }
  .mh-lg-10 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-11 {
    padding: 11rem !important;
  }
  .pl-lg-11 {
    padding-left: 11rem !important;
  }
  .pr-lg-11 {
    padding-right: 11rem !important;
  }
  .pt-lg-11 {
    padding-top: 11rem !important;
  }
  .pb-lg-11 {
    padding-bottom: 11rem !important;
  }
  .pv-lg-11 {
    padding-top: 11rem !important;
    padding-bottom: 11rem !important;
  }
  .ph-lg-11 {
    padding-left: 11rem !important;
    padding-right: 11rem !important;
  }
  .ma-lg-11 {
    margin: 11rem !important;
  }
  .ml-lg-11 {
    margin-left: 11rem !important;
  }
  .mr-lg-11 {
    margin-right: 11rem !important;
  }
  .mt-lg-11 {
    margin-top: 11rem !important;
  }
  .mb-lg-11 {
    margin-bottom: 11rem !important;
  }
  .mv-lg-11 {
    margin-top: 11rem !important;
    margin-bottom: 11rem !important;
  }
  .mh-lg-11 {
    margin-left: 11rem !important;
    margin-right: 11rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-12 {
    padding: 12rem !important;
  }
  .pl-lg-12 {
    padding-left: 12rem !important;
  }
  .pr-lg-12 {
    padding-right: 12rem !important;
  }
  .pt-lg-12 {
    padding-top: 12rem !important;
  }
  .pb-lg-12 {
    padding-bottom: 12rem !important;
  }
  .pv-lg-12 {
    padding-top: 12rem !important;
    padding-bottom: 12rem !important;
  }
  .ph-lg-12 {
    padding-left: 12rem !important;
    padding-right: 12rem !important;
  }
  .ma-lg-12 {
    margin: 12rem !important;
  }
  .ml-lg-12 {
    margin-left: 12rem !important;
  }
  .mr-lg-12 {
    margin-right: 12rem !important;
  }
  .mt-lg-12 {
    margin-top: 12rem !important;
  }
  .mb-lg-12 {
    margin-bottom: 12rem !important;
  }
  .mv-lg-12 {
    margin-top: 12rem !important;
    margin-bottom: 12rem !important;
  }
  .mh-lg-12 {
    margin-left: 12rem !important;
    margin-right: 12rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-13 {
    padding: 13rem !important;
  }
  .pl-lg-13 {
    padding-left: 13rem !important;
  }
  .pr-lg-13 {
    padding-right: 13rem !important;
  }
  .pt-lg-13 {
    padding-top: 13rem !important;
  }
  .pb-lg-13 {
    padding-bottom: 13rem !important;
  }
  .pv-lg-13 {
    padding-top: 13rem !important;
    padding-bottom: 13rem !important;
  }
  .ph-lg-13 {
    padding-left: 13rem !important;
    padding-right: 13rem !important;
  }
  .ma-lg-13 {
    margin: 13rem !important;
  }
  .ml-lg-13 {
    margin-left: 13rem !important;
  }
  .mr-lg-13 {
    margin-right: 13rem !important;
  }
  .mt-lg-13 {
    margin-top: 13rem !important;
  }
  .mb-lg-13 {
    margin-bottom: 13rem !important;
  }
  .mv-lg-13 {
    margin-top: 13rem !important;
    margin-bottom: 13rem !important;
  }
  .mh-lg-13 {
    margin-left: 13rem !important;
    margin-right: 13rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-14 {
    padding: 14rem !important;
  }
  .pl-lg-14 {
    padding-left: 14rem !important;
  }
  .pr-lg-14 {
    padding-right: 14rem !important;
  }
  .pt-lg-14 {
    padding-top: 14rem !important;
  }
  .pb-lg-14 {
    padding-bottom: 14rem !important;
  }
  .pv-lg-14 {
    padding-top: 14rem !important;
    padding-bottom: 14rem !important;
  }
  .ph-lg-14 {
    padding-left: 14rem !important;
    padding-right: 14rem !important;
  }
  .ma-lg-14 {
    margin: 14rem !important;
  }
  .ml-lg-14 {
    margin-left: 14rem !important;
  }
  .mr-lg-14 {
    margin-right: 14rem !important;
  }
  .mt-lg-14 {
    margin-top: 14rem !important;
  }
  .mb-lg-14 {
    margin-bottom: 14rem !important;
  }
  .mv-lg-14 {
    margin-top: 14rem !important;
    margin-bottom: 14rem !important;
  }
  .mh-lg-14 {
    margin-left: 14rem !important;
    margin-right: 14rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-15 {
    padding: 15rem !important;
  }
  .pl-lg-15 {
    padding-left: 15rem !important;
  }
  .pr-lg-15 {
    padding-right: 15rem !important;
  }
  .pt-lg-15 {
    padding-top: 15rem !important;
  }
  .pb-lg-15 {
    padding-bottom: 15rem !important;
  }
  .pv-lg-15 {
    padding-top: 15rem !important;
    padding-bottom: 15rem !important;
  }
  .ph-lg-15 {
    padding-left: 15rem !important;
    padding-right: 15rem !important;
  }
  .ma-lg-15 {
    margin: 15rem !important;
  }
  .ml-lg-15 {
    margin-left: 15rem !important;
  }
  .mr-lg-15 {
    margin-right: 15rem !important;
  }
  .mt-lg-15 {
    margin-top: 15rem !important;
  }
  .mb-lg-15 {
    margin-bottom: 15rem !important;
  }
  .mv-lg-15 {
    margin-top: 15rem !important;
    margin-bottom: 15rem !important;
  }
  .mh-lg-15 {
    margin-left: 15rem !important;
    margin-right: 15rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-16 {
    padding: 16rem !important;
  }
  .pl-lg-16 {
    padding-left: 16rem !important;
  }
  .pr-lg-16 {
    padding-right: 16rem !important;
  }
  .pt-lg-16 {
    padding-top: 16rem !important;
  }
  .pb-lg-16 {
    padding-bottom: 16rem !important;
  }
  .pv-lg-16 {
    padding-top: 16rem !important;
    padding-bottom: 16rem !important;
  }
  .ph-lg-16 {
    padding-left: 16rem !important;
    padding-right: 16rem !important;
  }
  .ma-lg-16 {
    margin: 16rem !important;
  }
  .ml-lg-16 {
    margin-left: 16rem !important;
  }
  .mr-lg-16 {
    margin-right: 16rem !important;
  }
  .mt-lg-16 {
    margin-top: 16rem !important;
  }
  .mb-lg-16 {
    margin-bottom: 16rem !important;
  }
  .mv-lg-16 {
    margin-top: 16rem !important;
    margin-bottom: 16rem !important;
  }
  .mh-lg-16 {
    margin-left: 16rem !important;
    margin-right: 16rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-17 {
    padding: 17rem !important;
  }
  .pl-lg-17 {
    padding-left: 17rem !important;
  }
  .pr-lg-17 {
    padding-right: 17rem !important;
  }
  .pt-lg-17 {
    padding-top: 17rem !important;
  }
  .pb-lg-17 {
    padding-bottom: 17rem !important;
  }
  .pv-lg-17 {
    padding-top: 17rem !important;
    padding-bottom: 17rem !important;
  }
  .ph-lg-17 {
    padding-left: 17rem !important;
    padding-right: 17rem !important;
  }
  .ma-lg-17 {
    margin: 17rem !important;
  }
  .ml-lg-17 {
    margin-left: 17rem !important;
  }
  .mr-lg-17 {
    margin-right: 17rem !important;
  }
  .mt-lg-17 {
    margin-top: 17rem !important;
  }
  .mb-lg-17 {
    margin-bottom: 17rem !important;
  }
  .mv-lg-17 {
    margin-top: 17rem !important;
    margin-bottom: 17rem !important;
  }
  .mh-lg-17 {
    margin-left: 17rem !important;
    margin-right: 17rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-18 {
    padding: 18rem !important;
  }
  .pl-lg-18 {
    padding-left: 18rem !important;
  }
  .pr-lg-18 {
    padding-right: 18rem !important;
  }
  .pt-lg-18 {
    padding-top: 18rem !important;
  }
  .pb-lg-18 {
    padding-bottom: 18rem !important;
  }
  .pv-lg-18 {
    padding-top: 18rem !important;
    padding-bottom: 18rem !important;
  }
  .ph-lg-18 {
    padding-left: 18rem !important;
    padding-right: 18rem !important;
  }
  .ma-lg-18 {
    margin: 18rem !important;
  }
  .ml-lg-18 {
    margin-left: 18rem !important;
  }
  .mr-lg-18 {
    margin-right: 18rem !important;
  }
  .mt-lg-18 {
    margin-top: 18rem !important;
  }
  .mb-lg-18 {
    margin-bottom: 18rem !important;
  }
  .mv-lg-18 {
    margin-top: 18rem !important;
    margin-bottom: 18rem !important;
  }
  .mh-lg-18 {
    margin-left: 18rem !important;
    margin-right: 18rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-19 {
    padding: 19rem !important;
  }
  .pl-lg-19 {
    padding-left: 19rem !important;
  }
  .pr-lg-19 {
    padding-right: 19rem !important;
  }
  .pt-lg-19 {
    padding-top: 19rem !important;
  }
  .pb-lg-19 {
    padding-bottom: 19rem !important;
  }
  .pv-lg-19 {
    padding-top: 19rem !important;
    padding-bottom: 19rem !important;
  }
  .ph-lg-19 {
    padding-left: 19rem !important;
    padding-right: 19rem !important;
  }
  .ma-lg-19 {
    margin: 19rem !important;
  }
  .ml-lg-19 {
    margin-left: 19rem !important;
  }
  .mr-lg-19 {
    margin-right: 19rem !important;
  }
  .mt-lg-19 {
    margin-top: 19rem !important;
  }
  .mb-lg-19 {
    margin-bottom: 19rem !important;
  }
  .mv-lg-19 {
    margin-top: 19rem !important;
    margin-bottom: 19rem !important;
  }
  .mh-lg-19 {
    margin-left: 19rem !important;
    margin-right: 19rem !important;
  }
}

@media (min-width: 1281px) {
  .pa-lg-20 {
    padding: 20rem !important;
  }
  .pl-lg-20 {
    padding-left: 20rem !important;
  }
  .pr-lg-20 {
    padding-right: 20rem !important;
  }
  .pt-lg-20 {
    padding-top: 20rem !important;
  }
  .pb-lg-20 {
    padding-bottom: 20rem !important;
  }
  .pv-lg-20 {
    padding-top: 20rem !important;
    padding-bottom: 20rem !important;
  }
  .ph-lg-20 {
    padding-left: 20rem !important;
    padding-right: 20rem !important;
  }
  .ma-lg-20 {
    margin: 20rem !important;
  }
  .ml-lg-20 {
    margin-left: 20rem !important;
  }
  .mr-lg-20 {
    margin-right: 20rem !important;
  }
  .mt-lg-20 {
    margin-top: 20rem !important;
  }
  .mb-lg-20 {
    margin-bottom: 20rem !important;
  }
  .mv-lg-20 {
    margin-top: 20rem !important;
    margin-bottom: 20rem !important;
  }
  .mh-lg-20 {
    margin-left: 20rem !important;
    margin-right: 20rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-0 {
    padding: 0rem !important;
  }
  .pl-xl-0 {
    padding-left: 0rem !important;
  }
  .pr-xl-0 {
    padding-right: 0rem !important;
  }
  .pt-xl-0 {
    padding-top: 0rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0rem !important;
  }
  .pv-xl-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .ph-xl-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .ma-xl-0 {
    margin: 0rem !important;
  }
  .ml-xl-0 {
    margin-left: 0rem !important;
  }
  .mr-xl-0 {
    margin-right: 0rem !important;
  }
  .mt-xl-0 {
    margin-top: 0rem !important;
  }
  .mb-xl-0 {
    margin-bottom: 0rem !important;
  }
  .mv-xl-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .mh-xl-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-1 {
    padding: 1rem !important;
  }
  .pl-xl-1 {
    padding-left: 1rem !important;
  }
  .pr-xl-1 {
    padding-right: 1rem !important;
  }
  .pt-xl-1 {
    padding-top: 1rem !important;
  }
  .pb-xl-1 {
    padding-bottom: 1rem !important;
  }
  .pv-xl-1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .ph-xl-1 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .ma-xl-1 {
    margin: 1rem !important;
  }
  .ml-xl-1 {
    margin-left: 1rem !important;
  }
  .mr-xl-1 {
    margin-right: 1rem !important;
  }
  .mt-xl-1 {
    margin-top: 1rem !important;
  }
  .mb-xl-1 {
    margin-bottom: 1rem !important;
  }
  .mv-xl-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mh-xl-1 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-2 {
    padding: 2rem !important;
  }
  .pl-xl-2 {
    padding-left: 2rem !important;
  }
  .pr-xl-2 {
    padding-right: 2rem !important;
  }
  .pt-xl-2 {
    padding-top: 2rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 2rem !important;
  }
  .pv-xl-2 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .ph-xl-2 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .ma-xl-2 {
    margin: 2rem !important;
  }
  .ml-xl-2 {
    margin-left: 2rem !important;
  }
  .mr-xl-2 {
    margin-right: 2rem !important;
  }
  .mt-xl-2 {
    margin-top: 2rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 2rem !important;
  }
  .mv-xl-2 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .mh-xl-2 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-3 {
    padding: 3rem !important;
  }
  .pl-xl-3 {
    padding-left: 3rem !important;
  }
  .pr-xl-3 {
    padding-right: 3rem !important;
  }
  .pt-xl-3 {
    padding-top: 3rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 3rem !important;
  }
  .pv-xl-3 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .ph-xl-3 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .ma-xl-3 {
    margin: 3rem !important;
  }
  .ml-xl-3 {
    margin-left: 3rem !important;
  }
  .mr-xl-3 {
    margin-right: 3rem !important;
  }
  .mt-xl-3 {
    margin-top: 3rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 3rem !important;
  }
  .mv-xl-3 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .mh-xl-3 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-4 {
    padding: 4rem !important;
  }
  .pl-xl-4 {
    padding-left: 4rem !important;
  }
  .pr-xl-4 {
    padding-right: 4rem !important;
  }
  .pt-xl-4 {
    padding-top: 4rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 4rem !important;
  }
  .pv-xl-4 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .ph-xl-4 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .ma-xl-4 {
    margin: 4rem !important;
  }
  .ml-xl-4 {
    margin-left: 4rem !important;
  }
  .mr-xl-4 {
    margin-right: 4rem !important;
  }
  .mt-xl-4 {
    margin-top: 4rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 4rem !important;
  }
  .mv-xl-4 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .mh-xl-4 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-5 {
    padding: 5rem !important;
  }
  .pl-xl-5 {
    padding-left: 5rem !important;
  }
  .pr-xl-5 {
    padding-right: 5rem !important;
  }
  .pt-xl-5 {
    padding-top: 5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 5rem !important;
  }
  .pv-xl-5 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .ph-xl-5 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .ma-xl-5 {
    margin: 5rem !important;
  }
  .ml-xl-5 {
    margin-left: 5rem !important;
  }
  .mr-xl-5 {
    margin-right: 5rem !important;
  }
  .mt-xl-5 {
    margin-top: 5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 5rem !important;
  }
  .mv-xl-5 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .mh-xl-5 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-6 {
    padding: 6rem !important;
  }
  .pl-xl-6 {
    padding-left: 6rem !important;
  }
  .pr-xl-6 {
    padding-right: 6rem !important;
  }
  .pt-xl-6 {
    padding-top: 6rem !important;
  }
  .pb-xl-6 {
    padding-bottom: 6rem !important;
  }
  .pv-xl-6 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .ph-xl-6 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .ma-xl-6 {
    margin: 6rem !important;
  }
  .ml-xl-6 {
    margin-left: 6rem !important;
  }
  .mr-xl-6 {
    margin-right: 6rem !important;
  }
  .mt-xl-6 {
    margin-top: 6rem !important;
  }
  .mb-xl-6 {
    margin-bottom: 6rem !important;
  }
  .mv-xl-6 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .mh-xl-6 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-7 {
    padding: 7rem !important;
  }
  .pl-xl-7 {
    padding-left: 7rem !important;
  }
  .pr-xl-7 {
    padding-right: 7rem !important;
  }
  .pt-xl-7 {
    padding-top: 7rem !important;
  }
  .pb-xl-7 {
    padding-bottom: 7rem !important;
  }
  .pv-xl-7 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .ph-xl-7 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
  .ma-xl-7 {
    margin: 7rem !important;
  }
  .ml-xl-7 {
    margin-left: 7rem !important;
  }
  .mr-xl-7 {
    margin-right: 7rem !important;
  }
  .mt-xl-7 {
    margin-top: 7rem !important;
  }
  .mb-xl-7 {
    margin-bottom: 7rem !important;
  }
  .mv-xl-7 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .mh-xl-7 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-8 {
    padding: 8rem !important;
  }
  .pl-xl-8 {
    padding-left: 8rem !important;
  }
  .pr-xl-8 {
    padding-right: 8rem !important;
  }
  .pt-xl-8 {
    padding-top: 8rem !important;
  }
  .pb-xl-8 {
    padding-bottom: 8rem !important;
  }
  .pv-xl-8 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .ph-xl-8 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
  .ma-xl-8 {
    margin: 8rem !important;
  }
  .ml-xl-8 {
    margin-left: 8rem !important;
  }
  .mr-xl-8 {
    margin-right: 8rem !important;
  }
  .mt-xl-8 {
    margin-top: 8rem !important;
  }
  .mb-xl-8 {
    margin-bottom: 8rem !important;
  }
  .mv-xl-8 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
  .mh-xl-8 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-9 {
    padding: 9rem !important;
  }
  .pl-xl-9 {
    padding-left: 9rem !important;
  }
  .pr-xl-9 {
    padding-right: 9rem !important;
  }
  .pt-xl-9 {
    padding-top: 9rem !important;
  }
  .pb-xl-9 {
    padding-bottom: 9rem !important;
  }
  .pv-xl-9 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
  .ph-xl-9 {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
  }
  .ma-xl-9 {
    margin: 9rem !important;
  }
  .ml-xl-9 {
    margin-left: 9rem !important;
  }
  .mr-xl-9 {
    margin-right: 9rem !important;
  }
  .mt-xl-9 {
    margin-top: 9rem !important;
  }
  .mb-xl-9 {
    margin-bottom: 9rem !important;
  }
  .mv-xl-9 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }
  .mh-xl-9 {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-10 {
    padding: 10rem !important;
  }
  .pl-xl-10 {
    padding-left: 10rem !important;
  }
  .pr-xl-10 {
    padding-right: 10rem !important;
  }
  .pt-xl-10 {
    padding-top: 10rem !important;
  }
  .pb-xl-10 {
    padding-bottom: 10rem !important;
  }
  .pv-xl-10 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
  .ph-xl-10 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
  .ma-xl-10 {
    margin: 10rem !important;
  }
  .ml-xl-10 {
    margin-left: 10rem !important;
  }
  .mr-xl-10 {
    margin-right: 10rem !important;
  }
  .mt-xl-10 {
    margin-top: 10rem !important;
  }
  .mb-xl-10 {
    margin-bottom: 10rem !important;
  }
  .mv-xl-10 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }
  .mh-xl-10 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-11 {
    padding: 11rem !important;
  }
  .pl-xl-11 {
    padding-left: 11rem !important;
  }
  .pr-xl-11 {
    padding-right: 11rem !important;
  }
  .pt-xl-11 {
    padding-top: 11rem !important;
  }
  .pb-xl-11 {
    padding-bottom: 11rem !important;
  }
  .pv-xl-11 {
    padding-top: 11rem !important;
    padding-bottom: 11rem !important;
  }
  .ph-xl-11 {
    padding-left: 11rem !important;
    padding-right: 11rem !important;
  }
  .ma-xl-11 {
    margin: 11rem !important;
  }
  .ml-xl-11 {
    margin-left: 11rem !important;
  }
  .mr-xl-11 {
    margin-right: 11rem !important;
  }
  .mt-xl-11 {
    margin-top: 11rem !important;
  }
  .mb-xl-11 {
    margin-bottom: 11rem !important;
  }
  .mv-xl-11 {
    margin-top: 11rem !important;
    margin-bottom: 11rem !important;
  }
  .mh-xl-11 {
    margin-left: 11rem !important;
    margin-right: 11rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-12 {
    padding: 12rem !important;
  }
  .pl-xl-12 {
    padding-left: 12rem !important;
  }
  .pr-xl-12 {
    padding-right: 12rem !important;
  }
  .pt-xl-12 {
    padding-top: 12rem !important;
  }
  .pb-xl-12 {
    padding-bottom: 12rem !important;
  }
  .pv-xl-12 {
    padding-top: 12rem !important;
    padding-bottom: 12rem !important;
  }
  .ph-xl-12 {
    padding-left: 12rem !important;
    padding-right: 12rem !important;
  }
  .ma-xl-12 {
    margin: 12rem !important;
  }
  .ml-xl-12 {
    margin-left: 12rem !important;
  }
  .mr-xl-12 {
    margin-right: 12rem !important;
  }
  .mt-xl-12 {
    margin-top: 12rem !important;
  }
  .mb-xl-12 {
    margin-bottom: 12rem !important;
  }
  .mv-xl-12 {
    margin-top: 12rem !important;
    margin-bottom: 12rem !important;
  }
  .mh-xl-12 {
    margin-left: 12rem !important;
    margin-right: 12rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-13 {
    padding: 13rem !important;
  }
  .pl-xl-13 {
    padding-left: 13rem !important;
  }
  .pr-xl-13 {
    padding-right: 13rem !important;
  }
  .pt-xl-13 {
    padding-top: 13rem !important;
  }
  .pb-xl-13 {
    padding-bottom: 13rem !important;
  }
  .pv-xl-13 {
    padding-top: 13rem !important;
    padding-bottom: 13rem !important;
  }
  .ph-xl-13 {
    padding-left: 13rem !important;
    padding-right: 13rem !important;
  }
  .ma-xl-13 {
    margin: 13rem !important;
  }
  .ml-xl-13 {
    margin-left: 13rem !important;
  }
  .mr-xl-13 {
    margin-right: 13rem !important;
  }
  .mt-xl-13 {
    margin-top: 13rem !important;
  }
  .mb-xl-13 {
    margin-bottom: 13rem !important;
  }
  .mv-xl-13 {
    margin-top: 13rem !important;
    margin-bottom: 13rem !important;
  }
  .mh-xl-13 {
    margin-left: 13rem !important;
    margin-right: 13rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-14 {
    padding: 14rem !important;
  }
  .pl-xl-14 {
    padding-left: 14rem !important;
  }
  .pr-xl-14 {
    padding-right: 14rem !important;
  }
  .pt-xl-14 {
    padding-top: 14rem !important;
  }
  .pb-xl-14 {
    padding-bottom: 14rem !important;
  }
  .pv-xl-14 {
    padding-top: 14rem !important;
    padding-bottom: 14rem !important;
  }
  .ph-xl-14 {
    padding-left: 14rem !important;
    padding-right: 14rem !important;
  }
  .ma-xl-14 {
    margin: 14rem !important;
  }
  .ml-xl-14 {
    margin-left: 14rem !important;
  }
  .mr-xl-14 {
    margin-right: 14rem !important;
  }
  .mt-xl-14 {
    margin-top: 14rem !important;
  }
  .mb-xl-14 {
    margin-bottom: 14rem !important;
  }
  .mv-xl-14 {
    margin-top: 14rem !important;
    margin-bottom: 14rem !important;
  }
  .mh-xl-14 {
    margin-left: 14rem !important;
    margin-right: 14rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-15 {
    padding: 15rem !important;
  }
  .pl-xl-15 {
    padding-left: 15rem !important;
  }
  .pr-xl-15 {
    padding-right: 15rem !important;
  }
  .pt-xl-15 {
    padding-top: 15rem !important;
  }
  .pb-xl-15 {
    padding-bottom: 15rem !important;
  }
  .pv-xl-15 {
    padding-top: 15rem !important;
    padding-bottom: 15rem !important;
  }
  .ph-xl-15 {
    padding-left: 15rem !important;
    padding-right: 15rem !important;
  }
  .ma-xl-15 {
    margin: 15rem !important;
  }
  .ml-xl-15 {
    margin-left: 15rem !important;
  }
  .mr-xl-15 {
    margin-right: 15rem !important;
  }
  .mt-xl-15 {
    margin-top: 15rem !important;
  }
  .mb-xl-15 {
    margin-bottom: 15rem !important;
  }
  .mv-xl-15 {
    margin-top: 15rem !important;
    margin-bottom: 15rem !important;
  }
  .mh-xl-15 {
    margin-left: 15rem !important;
    margin-right: 15rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-16 {
    padding: 16rem !important;
  }
  .pl-xl-16 {
    padding-left: 16rem !important;
  }
  .pr-xl-16 {
    padding-right: 16rem !important;
  }
  .pt-xl-16 {
    padding-top: 16rem !important;
  }
  .pb-xl-16 {
    padding-bottom: 16rem !important;
  }
  .pv-xl-16 {
    padding-top: 16rem !important;
    padding-bottom: 16rem !important;
  }
  .ph-xl-16 {
    padding-left: 16rem !important;
    padding-right: 16rem !important;
  }
  .ma-xl-16 {
    margin: 16rem !important;
  }
  .ml-xl-16 {
    margin-left: 16rem !important;
  }
  .mr-xl-16 {
    margin-right: 16rem !important;
  }
  .mt-xl-16 {
    margin-top: 16rem !important;
  }
  .mb-xl-16 {
    margin-bottom: 16rem !important;
  }
  .mv-xl-16 {
    margin-top: 16rem !important;
    margin-bottom: 16rem !important;
  }
  .mh-xl-16 {
    margin-left: 16rem !important;
    margin-right: 16rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-17 {
    padding: 17rem !important;
  }
  .pl-xl-17 {
    padding-left: 17rem !important;
  }
  .pr-xl-17 {
    padding-right: 17rem !important;
  }
  .pt-xl-17 {
    padding-top: 17rem !important;
  }
  .pb-xl-17 {
    padding-bottom: 17rem !important;
  }
  .pv-xl-17 {
    padding-top: 17rem !important;
    padding-bottom: 17rem !important;
  }
  .ph-xl-17 {
    padding-left: 17rem !important;
    padding-right: 17rem !important;
  }
  .ma-xl-17 {
    margin: 17rem !important;
  }
  .ml-xl-17 {
    margin-left: 17rem !important;
  }
  .mr-xl-17 {
    margin-right: 17rem !important;
  }
  .mt-xl-17 {
    margin-top: 17rem !important;
  }
  .mb-xl-17 {
    margin-bottom: 17rem !important;
  }
  .mv-xl-17 {
    margin-top: 17rem !important;
    margin-bottom: 17rem !important;
  }
  .mh-xl-17 {
    margin-left: 17rem !important;
    margin-right: 17rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-18 {
    padding: 18rem !important;
  }
  .pl-xl-18 {
    padding-left: 18rem !important;
  }
  .pr-xl-18 {
    padding-right: 18rem !important;
  }
  .pt-xl-18 {
    padding-top: 18rem !important;
  }
  .pb-xl-18 {
    padding-bottom: 18rem !important;
  }
  .pv-xl-18 {
    padding-top: 18rem !important;
    padding-bottom: 18rem !important;
  }
  .ph-xl-18 {
    padding-left: 18rem !important;
    padding-right: 18rem !important;
  }
  .ma-xl-18 {
    margin: 18rem !important;
  }
  .ml-xl-18 {
    margin-left: 18rem !important;
  }
  .mr-xl-18 {
    margin-right: 18rem !important;
  }
  .mt-xl-18 {
    margin-top: 18rem !important;
  }
  .mb-xl-18 {
    margin-bottom: 18rem !important;
  }
  .mv-xl-18 {
    margin-top: 18rem !important;
    margin-bottom: 18rem !important;
  }
  .mh-xl-18 {
    margin-left: 18rem !important;
    margin-right: 18rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-19 {
    padding: 19rem !important;
  }
  .pl-xl-19 {
    padding-left: 19rem !important;
  }
  .pr-xl-19 {
    padding-right: 19rem !important;
  }
  .pt-xl-19 {
    padding-top: 19rem !important;
  }
  .pb-xl-19 {
    padding-bottom: 19rem !important;
  }
  .pv-xl-19 {
    padding-top: 19rem !important;
    padding-bottom: 19rem !important;
  }
  .ph-xl-19 {
    padding-left: 19rem !important;
    padding-right: 19rem !important;
  }
  .ma-xl-19 {
    margin: 19rem !important;
  }
  .ml-xl-19 {
    margin-left: 19rem !important;
  }
  .mr-xl-19 {
    margin-right: 19rem !important;
  }
  .mt-xl-19 {
    margin-top: 19rem !important;
  }
  .mb-xl-19 {
    margin-bottom: 19rem !important;
  }
  .mv-xl-19 {
    margin-top: 19rem !important;
    margin-bottom: 19rem !important;
  }
  .mh-xl-19 {
    margin-left: 19rem !important;
    margin-right: 19rem !important;
  }
}

@media (min-width: 1481px) {
  .pa-xl-20 {
    padding: 20rem !important;
  }
  .pl-xl-20 {
    padding-left: 20rem !important;
  }
  .pr-xl-20 {
    padding-right: 20rem !important;
  }
  .pt-xl-20 {
    padding-top: 20rem !important;
  }
  .pb-xl-20 {
    padding-bottom: 20rem !important;
  }
  .pv-xl-20 {
    padding-top: 20rem !important;
    padding-bottom: 20rem !important;
  }
  .ph-xl-20 {
    padding-left: 20rem !important;
    padding-right: 20rem !important;
  }
  .ma-xl-20 {
    margin: 20rem !important;
  }
  .ml-xl-20 {
    margin-left: 20rem !important;
  }
  .mr-xl-20 {
    margin-right: 20rem !important;
  }
  .mt-xl-20 {
    margin-top: 20rem !important;
  }
  .mb-xl-20 {
    margin-bottom: 20rem !important;
  }
  .mv-xl-20 {
    margin-top: 20rem !important;
    margin-bottom: 20rem !important;
  }
  .mh-xl-20 {
    margin-left: 20rem !important;
    margin-right: 20rem !important;
  }
}

.spacer {
  display: inline-block;
  position: relative;
  width: 100%;
  overflow: hidden;
  vertical-align: top;
  background: transparent;
  border: none;
}

.image-filters.grayscale {
  filter: grayscale(0.5);
}

.image-filters.sepia {
  filter: sepia(0.5);
}

.image-filters.brightness {
  filter: brightness(1.5);
}

.image-filters.contrast {
  filter: contrast(1.5);
}

.image-filters.saturate {
  filter: grayscale(1.5);
}

/*
   Global Colors
   - Backgrounds
   - Colors
   - Border colors
   - SVG fills
   - SVG Strokes

*/
.bg-cyan {
  background: #25c4f6 !important;
}

.text-cyan {
  color: #25c4f6 !important;
}

.link-cyan {
  color: #25c4f6 !important;
}

.link-cyan:hover {
  color: #6a717f !important;
}

.stroke-cyan {
  stroke: #25c4f6 !important;
}

.fill-cyan {
  fill: #25c4f6 !important;
}

.border-cyan {
  border-color: #25c4f6 !important;
}

.bg-green {
  background: #5be745 !important;
}

.text-green {
  color: #5be745 !important;
}

.link-green {
  color: #5be745 !important;
}

.link-green:hover {
  color: #6a717f !important;
}

.stroke-green {
  stroke: #5be745 !important;
}

.fill-green {
  fill: #5be745 !important;
}

.border-green {
  border-color: #5be745 !important;
}

.bg-violet {
  background: #6643c9 !important;
}

.text-violet {
  color: #6643c9 !important;
}

.link-violet {
  color: #6643c9 !important;
}

.link-violet:hover {
  color: #6a717f !important;
}

.stroke-violet {
  stroke: #6643c9 !important;
}

.fill-violet {
  fill: #6643c9 !important;
}

.border-violet {
  border-color: #6643c9 !important;
}

.bg-red {
  background: #ed3b44 !important;
}

.text-red {
  color: #ed3b44 !important;
}

.link-red {
  color: #ed3b44 !important;
}

.link-red:hover {
  color: #6a717f !important;
}

.stroke-red {
  stroke: #ed3b44 !important;
}

.fill-red {
  fill: #ed3b44 !important;
}

.border-red {
  border-color: #ed3b44 !important;
}

.bg-magenta {
  background: #f6379a !important;
}

.text-magenta {
  color: #f6379a !important;
}

.link-magenta {
  color: #f6379a !important;
}

.link-magenta:hover {
  color: #6a717f !important;
}

.stroke-magenta {
  stroke: #f6379a !important;
}

.fill-magenta {
  fill: #f6379a !important;
}

.border-magenta {
  border-color: #f6379a !important;
}

.bg-yellow {
  background: #fbdc30 !important;
}

.text-yellow {
  color: #fbdc30 !important;
}

.link-yellow {
  color: #fbdc30 !important;
}

.link-yellow:hover {
  color: #6a717f !important;
}

.stroke-yellow {
  stroke: #fbdc30 !important;
}

.fill-yellow {
  fill: #fbdc30 !important;
}

.border-yellow {
  border-color: #fbdc30 !important;
}

.bg-white {
  background: #fff !important;
}

.text-white {
  color: #fff !important;
}

.link-white {
  color: #fff !important;
}

.link-white:hover {
  color: #6a717f !important;
}

.stroke-white {
  stroke: #fff !important;
}

.fill-white {
  fill: #fff !important;
}

.border-white {
  border-color: #fff !important;
}

.bg-light-grey {
  background: #edf2f4 !important;
}

.text-light-grey {
  color: #edf2f4 !important;
}

.link-light-grey {
  color: #edf2f4 !important;
}

.link-light-grey:hover {
  color: #6a717f !important;
}

.stroke-light-grey {
  stroke: #edf2f4 !important;
}

.fill-light-grey {
  fill: #edf2f4 !important;
}

.border-light-grey {
  border-color: #edf2f4 !important;
}

.bg-med-grey {
  background: #c7cbd3 !important;
}

.text-med-grey {
  color: #c7cbd3 !important;
}

.link-med-grey {
  color: #c7cbd3 !important;
}

.link-med-grey:hover {
  color: #6a717f !important;
}

.stroke-med-grey {
  stroke: #c7cbd3 !important;
}

.fill-med-grey {
  fill: #c7cbd3 !important;
}

.border-med-grey {
  border-color: #c7cbd3 !important;
}

.bg-dark-grey {
  background: #6a717f !important;
}

.text-dark-grey {
  color: #6a717f !important;
}

.link-dark-grey {
  color: #6a717f !important;
}

.link-dark-grey:hover {
  color: #6a717f !important;
}

.stroke-dark-grey {
  stroke: #6a717f !important;
}

.fill-dark-grey {
  fill: #6a717f !important;
}

.border-dark-grey {
  border-color: #6a717f !important;
}

.bg-offblack {
  background: #313436 !important;
}

.text-offblack {
  color: #313436 !important;
}

.link-offblack {
  color: #313436 !important;
}

.link-offblack:hover {
  color: #6a717f !important;
}

.stroke-offblack {
  stroke: #313436 !important;
}

.fill-offblack {
  fill: #313436 !important;
}

.border-offblack {
  border-color: #313436 !important;
}

.bg-black {
  background: #000000 !important;
}

.text-black {
  color: #000000 !important;
}

.link-black {
  color: #000000 !important;
}

.link-black:hover {
  color: #6a717f !important;
}

.stroke-black {
  stroke: #000000 !important;
}

.fill-black {
  fill: #000000 !important;
}

.border-black {
  border-color: #000000 !important;
}

.bg-blue-black {
  background: #1a1e23 !important;
}

.text-blue-black {
  color: #1a1e23 !important;
}

.link-blue-black {
  color: #1a1e23 !important;
}

.link-blue-black:hover {
  color: #6a717f !important;
}

.stroke-blue-black {
  stroke: #1a1e23 !important;
}

.fill-blue-black {
  fill: #1a1e23 !important;
}

.border-blue-black {
  border-color: #1a1e23 !important;
}

.bg-blue-white {
  background: #edf2f4 !important;
}

.text-blue-white {
  color: #edf2f4 !important;
}

.link-blue-white {
  color: #edf2f4 !important;
}

.link-blue-white:hover {
  color: #6a717f !important;
}

.stroke-blue-white {
  stroke: #edf2f4 !important;
}

.fill-blue-white {
  fill: #edf2f4 !important;
}

.border-blue-white {
  border-color: #edf2f4 !important;
}

.bg-blue-grey {
  background: #b6bbc4 !important;
}

.text-blue-grey {
  color: #b6bbc4 !important;
}

.link-blue-grey {
  color: #b6bbc4 !important;
}

.link-blue-grey:hover {
  color: #6a717f !important;
}

.stroke-blue-grey {
  stroke: #b6bbc4 !important;
}

.fill-blue-grey {
  fill: #b6bbc4 !important;
}

.border-blue-grey {
  border-color: #b6bbc4 !important;
}

.bg-blue-dark-grey {
  background: #6e7283 !important;
}

.text-blue-dark-grey {
  color: #6e7283 !important;
}

.link-blue-dark-grey {
  color: #6e7283 !important;
}

.link-blue-dark-grey:hover {
  color: #6a717f !important;
}

.stroke-blue-dark-grey {
  stroke: #6e7283 !important;
}

.fill-blue-dark-grey {
  fill: #6e7283 !important;
}

.border-blue-dark-grey {
  border-color: #6e7283 !important;
}

.bg-fb-blue {
  background: #3c599b !important;
}

.text-fb-blue {
  color: #3c599b !important;
}

.link-fb-blue {
  color: #3c599b !important;
}

.link-fb-blue:hover {
  color: #6a717f !important;
}

.stroke-fb-blue {
  stroke: #3c599b !important;
}

.fill-fb-blue {
  fill: #3c599b !important;
}

.border-fb-blue {
  border-color: #3c599b !important;
}

.bg-twitter-blue {
  background: #3d99fb !important;
}

.text-twitter-blue {
  color: #3d99fb !important;
}

.link-twitter-blue {
  color: #3d99fb !important;
}

.link-twitter-blue:hover {
  color: #6a717f !important;
}

.stroke-twitter-blue {
  stroke: #3d99fb !important;
}

.fill-twitter-blue {
  fill: #3d99fb !important;
}

.border-twitter-blue {
  border-color: #3d99fb !important;
}

.bg-gradient-cyan-magenta,
.styleguide-module__title:after {
  background: linear-gradient(to right, #25c4f6 0%, #f6379a 100%) !important;
}

.text-gradient-cyan-magenta {
  color: linear-gradient(to right, #25c4f6 0%, #f6379a 100%) !important;
}

.link-gradient-cyan-magenta {
  color: linear-gradient(to right, #25c4f6 0%, #f6379a 100%) !important;
}

.link-gradient-cyan-magenta:hover {
  color: #6a717f !important;
}

.stroke-gradient-cyan-magenta {
  stroke: linear-gradient(to right, #25c4f6 0%, #f6379a 100%) !important;
}

.fill-gradient-cyan-magenta {
  fill: linear-gradient(to right, #25c4f6 0%, #f6379a 100%) !important;
}

.border-gradient-cyan-magenta {
  border-color: linear-gradient(to right, #25c4f6 0%, #f6379a 100%) !important;
}

.bg-gradient-magenta-cyan {
  background: linear-gradient(to right, #f6379a 0%, #25c4f6 100%) !important;
}

.text-gradient-magenta-cyan {
  color: linear-gradient(to right, #f6379a 0%, #25c4f6 100%) !important;
}

.link-gradient-magenta-cyan {
  color: linear-gradient(to right, #f6379a 0%, #25c4f6 100%) !important;
}

.link-gradient-magenta-cyan:hover {
  color: #6a717f !important;
}

.stroke-gradient-magenta-cyan {
  stroke: linear-gradient(to right, #f6379a 0%, #25c4f6 100%) !important;
}

.fill-gradient-magenta-cyan {
  fill: linear-gradient(to right, #f6379a 0%, #25c4f6 100%) !important;
}

.border-gradient-magenta-cyan {
  border-color: linear-gradient(to right, #f6379a 0%, #25c4f6 100%) !important;
}

.bg-gradient-cyan-violet {
  background: linear-gradient(to right, #25c4f6 0%, #6643c9 100%) !important;
}

.text-gradient-cyan-violet {
  color: linear-gradient(to right, #25c4f6 0%, #6643c9 100%) !important;
}

.link-gradient-cyan-violet {
  color: linear-gradient(to right, #25c4f6 0%, #6643c9 100%) !important;
}

.link-gradient-cyan-violet:hover {
  color: #6a717f !important;
}

.stroke-gradient-cyan-violet {
  stroke: linear-gradient(to right, #25c4f6 0%, #6643c9 100%) !important;
}

.fill-gradient-cyan-violet {
  fill: linear-gradient(to right, #25c4f6 0%, #6643c9 100%) !important;
}

.border-gradient-cyan-violet {
  border-color: linear-gradient(to right, #25c4f6 0%, #6643c9 100%) !important;
}

.bg-gradient-violet-cyan {
  background: linear-gradient(to right, #6643c9 0%, #25c4f6 100%) !important;
}

.text-gradient-violet-cyan {
  color: linear-gradient(to right, #6643c9 0%, #25c4f6 100%) !important;
}

.link-gradient-violet-cyan {
  color: linear-gradient(to right, #6643c9 0%, #25c4f6 100%) !important;
}

.link-gradient-violet-cyan:hover {
  color: #6a717f !important;
}

.stroke-gradient-violet-cyan {
  stroke: linear-gradient(to right, #6643c9 0%, #25c4f6 100%) !important;
}

.fill-gradient-violet-cyan {
  fill: linear-gradient(to right, #6643c9 0%, #25c4f6 100%) !important;
}

.border-gradient-violet-cyan {
  border-color: linear-gradient(to right, #6643c9 0%, #25c4f6 100%) !important;
}

.bg-gradient-red-violet {
  background: linear-gradient(to right, #ed3b44 0%, #6643c9 100%) !important;
}

.text-gradient-red-violet {
  color: linear-gradient(to right, #ed3b44 0%, #6643c9 100%) !important;
}

.link-gradient-red-violet {
  color: linear-gradient(to right, #ed3b44 0%, #6643c9 100%) !important;
}

.link-gradient-red-violet:hover {
  color: #6a717f !important;
}

.stroke-gradient-red-violet {
  stroke: linear-gradient(to right, #ed3b44 0%, #6643c9 100%) !important;
}

.fill-gradient-red-violet {
  fill: linear-gradient(to right, #ed3b44 0%, #6643c9 100%) !important;
}

.border-gradient-red-violet {
  border-color: linear-gradient(to right, #ed3b44 0%, #6643c9 100%) !important;
}

.bg-gradient-violet-red {
  background: linear-gradient(to right, #6643c9 0%, #ed3b44 100%) !important;
}

.text-gradient-violet-red {
  color: linear-gradient(to right, #6643c9 0%, #ed3b44 100%) !important;
}

.link-gradient-violet-red {
  color: linear-gradient(to right, #6643c9 0%, #ed3b44 100%) !important;
}

.link-gradient-violet-red:hover {
  color: #6a717f !important;
}

.stroke-gradient-violet-red {
  stroke: linear-gradient(to right, #6643c9 0%, #ed3b44 100%) !important;
}

.fill-gradient-violet-red {
  fill: linear-gradient(to right, #6643c9 0%, #ed3b44 100%) !important;
}

.border-gradient-violet-red {
  border-color: linear-gradient(to right, #6643c9 0%, #ed3b44 100%) !important;
}

.bg-gradient-yellow-red {
  background: linear-gradient(to right, #fbdc30 0%, #ed3b44 100%) !important;
}

.text-gradient-yellow-red {
  color: linear-gradient(to right, #fbdc30 0%, #ed3b44 100%) !important;
}

.link-gradient-yellow-red {
  color: linear-gradient(to right, #fbdc30 0%, #ed3b44 100%) !important;
}

.link-gradient-yellow-red:hover {
  color: #6a717f !important;
}

.stroke-gradient-yellow-red {
  stroke: linear-gradient(to right, #fbdc30 0%, #ed3b44 100%) !important;
}

.fill-gradient-yellow-red {
  fill: linear-gradient(to right, #fbdc30 0%, #ed3b44 100%) !important;
}

.border-gradient-yellow-red {
  border-color: linear-gradient(to right, #fbdc30 0%, #ed3b44 100%) !important;
}

.bg-gradient-red-yellow {
  background: linear-gradient(to right, #ed3b44 0%, #fbdc30 100%) !important;
}

.text-gradient-red-yellow {
  color: linear-gradient(to right, #ed3b44 0%, #fbdc30 100%) !important;
}

.link-gradient-red-yellow {
  color: linear-gradient(to right, #ed3b44 0%, #fbdc30 100%) !important;
}

.link-gradient-red-yellow:hover {
  color: #6a717f !important;
}

.stroke-gradient-red-yellow {
  stroke: linear-gradient(to right, #ed3b44 0%, #fbdc30 100%) !important;
}

.fill-gradient-red-yellow {
  fill: linear-gradient(to right, #ed3b44 0%, #fbdc30 100%) !important;
}

.border-gradient-red-yellow {
  border-color: linear-gradient(to right, #ed3b44 0%, #fbdc30 100%) !important;
}

.bg-gradient-cyan-green,
.styleguide-module__title--small:after {
  background: linear-gradient(to right, #25c4f6 0%, #5be745 100%) !important;
}

.text-gradient-cyan-green {
  color: linear-gradient(to right, #25c4f6 0%, #5be745 100%) !important;
}

.link-gradient-cyan-green {
  color: linear-gradient(to right, #25c4f6 0%, #5be745 100%) !important;
}

.link-gradient-cyan-green:hover {
  color: #6a717f !important;
}

.stroke-gradient-cyan-green {
  stroke: linear-gradient(to right, #25c4f6 0%, #5be745 100%) !important;
}

.fill-gradient-cyan-green {
  fill: linear-gradient(to right, #25c4f6 0%, #5be745 100%) !important;
}

.border-gradient-cyan-green {
  border-color: linear-gradient(to right, #25c4f6 0%, #5be745 100%) !important;
}

.bg-gradient-green-cyan {
  background: linear-gradient(to right, #5be745 0%, #25c4f6 100%) !important;
}

.text-gradient-green-cyan {
  color: linear-gradient(to right, #5be745 0%, #25c4f6 100%) !important;
}

.link-gradient-green-cyan {
  color: linear-gradient(to right, #5be745 0%, #25c4f6 100%) !important;
}

.link-gradient-green-cyan:hover {
  color: #6a717f !important;
}

.stroke-gradient-green-cyan {
  stroke: linear-gradient(to right, #5be745 0%, #25c4f6 100%) !important;
}

.fill-gradient-green-cyan {
  fill: linear-gradient(to right, #5be745 0%, #25c4f6 100%) !important;
}

.border-gradient-green-cyan {
  border-color: linear-gradient(to right, #5be745 0%, #25c4f6 100%) !important;
}

.bg-gradient-black-grey {
  background: linear-gradient(to right, #313436 0%, #c7cbd3 100%) !important;
}

.text-gradient-black-grey {
  color: linear-gradient(to right, #313436 0%, #c7cbd3 100%) !important;
}

.link-gradient-black-grey {
  color: linear-gradient(to right, #313436 0%, #c7cbd3 100%) !important;
}

.link-gradient-black-grey:hover {
  color: #6a717f !important;
}

.stroke-gradient-black-grey {
  stroke: linear-gradient(to right, #313436 0%, #c7cbd3 100%) !important;
}

.fill-gradient-black-grey {
  fill: linear-gradient(to right, #313436 0%, #c7cbd3 100%) !important;
}

.border-gradient-black-grey {
  border-color: linear-gradient(to right, #313436 0%, #c7cbd3 100%) !important;
}

.bg-gradient-grey-black {
  background: linear-gradient(to right, #c7cbd3 0%, #313436 100%) !important;
}

.text-gradient-grey-black {
  color: linear-gradient(to right, #c7cbd3 0%, #313436 100%) !important;
}

.link-gradient-grey-black {
  color: linear-gradient(to right, #c7cbd3 0%, #313436 100%) !important;
}

.link-gradient-grey-black:hover {
  color: #6a717f !important;
}

.stroke-gradient-grey-black {
  stroke: linear-gradient(to right, #c7cbd3 0%, #313436 100%) !important;
}

.fill-gradient-grey-black {
  fill: linear-gradient(to right, #c7cbd3 0%, #313436 100%) !important;
}

.border-gradient-grey-black {
  border-color: linear-gradient(to right, #c7cbd3 0%, #313436 100%) !important;
}

.bg-gradient-cyan-magenta,
.styleguide-module__title:after {
  background: linear-gradient(to right, #25c4f6 0%, #f6379a 100%) !important;
}

.text-gradient-cyan-magenta {
  color: linear-gradient(to right, #25c4f6 0%, #f6379a 100%) !important;
}

.link-gradient-cyan-magenta {
  color: linear-gradient(to right, #25c4f6 0%, #f6379a 100%) !important;
}

.link-gradient-cyan-magenta:hover {
  color: #6a717f !important;
}

.stroke-gradient-cyan-magenta {
  stroke: linear-gradient(to right, #25c4f6 0%, #f6379a 100%) !important;
}

.fill-gradient-cyan-magenta {
  fill: linear-gradient(to right, #25c4f6 0%, #f6379a 100%) !important;
}

.border-gradient-cyan-magenta {
  border-image: linear-gradient(to right, #25c4f6 0%, #f6379a 100%) !important;
}

.bg-gradient-red-violet {
  background: linear-gradient(to right, #ed3b44 0%, #6643c9 100%) !important;
}

.text-gradient-red-violet {
  color: linear-gradient(to right, #ed3b44 0%, #6643c9 100%) !important;
}

.link-gradient-red-violet {
  color: linear-gradient(to right, #ed3b44 0%, #6643c9 100%) !important;
}

.link-gradient-red-violet:hover {
  color: #6a717f !important;
}

.stroke-gradient-red-violet {
  stroke: linear-gradient(to right, #ed3b44 0%, #6643c9 100%) !important;
}

.fill-gradient-red-violet {
  fill: linear-gradient(to right, #ed3b44 0%, #6643c9 100%) !important;
}

.border-gradient-red-violet {
  border-image: linear-gradient(to right, #ed3b44 0%, #6643c9 100%) !important;
}

.bg-gradient-yellow-red {
  background: linear-gradient(to right, #fbdc30 0%, #ed3b44 100%) !important;
}

.text-gradient-yellow-red {
  color: linear-gradient(to right, #fbdc30 0%, #ed3b44 100%) !important;
}

.link-gradient-yellow-red {
  color: linear-gradient(to right, #fbdc30 0%, #ed3b44 100%) !important;
}

.link-gradient-yellow-red:hover {
  color: #6a717f !important;
}

.stroke-gradient-yellow-red {
  stroke: linear-gradient(to right, #fbdc30 0%, #ed3b44 100%) !important;
}

.fill-gradient-yellow-red {
  fill: linear-gradient(to right, #fbdc30 0%, #ed3b44 100%) !important;
}

.border-gradient-yellow-red {
  border-image: linear-gradient(to right, #fbdc30 0%, #ed3b44 100%) !important;
}

.bg-gradient-cyan-green,
.styleguide-module__title--small:after {
  background: linear-gradient(to right, #25c4f6 0%, #5be745 100%) !important;
}

.text-gradient-cyan-green {
  color: linear-gradient(to right, #25c4f6 0%, #5be745 100%) !important;
}

.link-gradient-cyan-green {
  color: linear-gradient(to right, #25c4f6 0%, #5be745 100%) !important;
}

.link-gradient-cyan-green:hover {
  color: #6a717f !important;
}

.stroke-gradient-cyan-green {
  stroke: linear-gradient(to right, #25c4f6 0%, #5be745 100%) !important;
}

.fill-gradient-cyan-green {
  fill: linear-gradient(to right, #25c4f6 0%, #5be745 100%) !important;
}

.border-gradient-cyan-green {
  border-image: linear-gradient(to right, #25c4f6 0%, #5be745 100%) !important;
}

/*
   Global Colors
   - Backgrounds
   - Colors
   - Border colors
   - SVG fills
   - SVG Strokes

*/
.bg-cyan {
  background: #25c4f6 !important;
}

.text-cyan {
  color: #25c4f6 !important;
}

.link-cyan {
  color: #25c4f6 !important;
}

.link-cyan:hover {
  color: #6a717f !important;
}

.stroke-cyan {
  stroke: #25c4f6 !important;
}

.fill-cyan {
  fill: #25c4f6 !important;
}

.border-cyan {
  border-color: #25c4f6 !important;
}

.bg-green {
  background: #5be745 !important;
}

.text-green {
  color: #5be745 !important;
}

.link-green {
  color: #5be745 !important;
}

.link-green:hover {
  color: #6a717f !important;
}

.stroke-green {
  stroke: #5be745 !important;
}

.fill-green {
  fill: #5be745 !important;
}

.border-green {
  border-color: #5be745 !important;
}

.bg-violet {
  background: #6643c9 !important;
}

.text-violet {
  color: #6643c9 !important;
}

.link-violet {
  color: #6643c9 !important;
}

.link-violet:hover {
  color: #6a717f !important;
}

.stroke-violet {
  stroke: #6643c9 !important;
}

.fill-violet {
  fill: #6643c9 !important;
}

.border-violet {
  border-color: #6643c9 !important;
}

.bg-red {
  background: #ed3b44 !important;
}

.text-red {
  color: #ed3b44 !important;
}

.link-red {
  color: #ed3b44 !important;
}

.link-red:hover {
  color: #6a717f !important;
}

.stroke-red {
  stroke: #ed3b44 !important;
}

.fill-red {
  fill: #ed3b44 !important;
}

.border-red {
  border-color: #ed3b44 !important;
}

.bg-magenta {
  background: #f6379a !important;
}

.text-magenta {
  color: #f6379a !important;
}

.link-magenta {
  color: #f6379a !important;
}

.link-magenta:hover {
  color: #6a717f !important;
}

.stroke-magenta {
  stroke: #f6379a !important;
}

.fill-magenta {
  fill: #f6379a !important;
}

.border-magenta {
  border-color: #f6379a !important;
}

.bg-yellow {
  background: #fbdc30 !important;
}

.text-yellow {
  color: #fbdc30 !important;
}

.link-yellow {
  color: #fbdc30 !important;
}

.link-yellow:hover {
  color: #6a717f !important;
}

.stroke-yellow {
  stroke: #fbdc30 !important;
}

.fill-yellow {
  fill: #fbdc30 !important;
}

.border-yellow {
  border-color: #fbdc30 !important;
}

.bg-white {
  background: #fff !important;
}

.text-white {
  color: #fff !important;
}

.link-white {
  color: #fff !important;
}

.link-white:hover {
  color: #6a717f !important;
}

.stroke-white {
  stroke: #fff !important;
}

.fill-white {
  fill: #fff !important;
}

.border-white {
  border-color: #fff !important;
}

.bg-light-grey {
  background: #edf2f4 !important;
}

.text-light-grey {
  color: #edf2f4 !important;
}

.link-light-grey {
  color: #edf2f4 !important;
}

.link-light-grey:hover {
  color: #6a717f !important;
}

.stroke-light-grey {
  stroke: #edf2f4 !important;
}

.fill-light-grey {
  fill: #edf2f4 !important;
}

.border-light-grey {
  border-color: #edf2f4 !important;
}

.bg-med-grey {
  background: #c7cbd3 !important;
}

.text-med-grey {
  color: #c7cbd3 !important;
}

.link-med-grey {
  color: #c7cbd3 !important;
}

.link-med-grey:hover {
  color: #6a717f !important;
}

.stroke-med-grey {
  stroke: #c7cbd3 !important;
}

.fill-med-grey {
  fill: #c7cbd3 !important;
}

.border-med-grey {
  border-color: #c7cbd3 !important;
}

.bg-dark-grey {
  background: #6a717f !important;
}

.text-dark-grey {
  color: #6a717f !important;
}

.link-dark-grey {
  color: #6a717f !important;
}

.link-dark-grey:hover {
  color: #6a717f !important;
}

.stroke-dark-grey {
  stroke: #6a717f !important;
}

.fill-dark-grey {
  fill: #6a717f !important;
}

.border-dark-grey {
  border-color: #6a717f !important;
}

.bg-offblack {
  background: #313436 !important;
}

.text-offblack {
  color: #313436 !important;
}

.link-offblack {
  color: #313436 !important;
}

.link-offblack:hover {
  color: #6a717f !important;
}

.stroke-offblack {
  stroke: #313436 !important;
}

.fill-offblack {
  fill: #313436 !important;
}

.border-offblack {
  border-color: #313436 !important;
}

.bg-black {
  background: #000000 !important;
}

.text-black {
  color: #000000 !important;
}

.link-black {
  color: #000000 !important;
}

.link-black:hover {
  color: #6a717f !important;
}

.stroke-black {
  stroke: #000000 !important;
}

.fill-black {
  fill: #000000 !important;
}

.border-black {
  border-color: #000000 !important;
}

.bg-blue-black {
  background: #1a1e23 !important;
}

.text-blue-black {
  color: #1a1e23 !important;
}

.link-blue-black {
  color: #1a1e23 !important;
}

.link-blue-black:hover {
  color: #6a717f !important;
}

.stroke-blue-black {
  stroke: #1a1e23 !important;
}

.fill-blue-black {
  fill: #1a1e23 !important;
}

.border-blue-black {
  border-color: #1a1e23 !important;
}

.bg-blue-white {
  background: #edf2f4 !important;
}

.text-blue-white {
  color: #edf2f4 !important;
}

.link-blue-white {
  color: #edf2f4 !important;
}

.link-blue-white:hover {
  color: #6a717f !important;
}

.stroke-blue-white {
  stroke: #edf2f4 !important;
}

.fill-blue-white {
  fill: #edf2f4 !important;
}

.border-blue-white {
  border-color: #edf2f4 !important;
}

.bg-blue-grey {
  background: #b6bbc4 !important;
}

.text-blue-grey {
  color: #b6bbc4 !important;
}

.link-blue-grey {
  color: #b6bbc4 !important;
}

.link-blue-grey:hover {
  color: #6a717f !important;
}

.stroke-blue-grey {
  stroke: #b6bbc4 !important;
}

.fill-blue-grey {
  fill: #b6bbc4 !important;
}

.border-blue-grey {
  border-color: #b6bbc4 !important;
}

.bg-blue-dark-grey {
  background: #6e7283 !important;
}

.text-blue-dark-grey {
  color: #6e7283 !important;
}

.link-blue-dark-grey {
  color: #6e7283 !important;
}

.link-blue-dark-grey:hover {
  color: #6a717f !important;
}

.stroke-blue-dark-grey {
  stroke: #6e7283 !important;
}

.fill-blue-dark-grey {
  fill: #6e7283 !important;
}

.border-blue-dark-grey {
  border-color: #6e7283 !important;
}

.bg-fb-blue {
  background: #3c599b !important;
}

.text-fb-blue {
  color: #3c599b !important;
}

.link-fb-blue {
  color: #3c599b !important;
}

.link-fb-blue:hover {
  color: #6a717f !important;
}

.stroke-fb-blue {
  stroke: #3c599b !important;
}

.fill-fb-blue {
  fill: #3c599b !important;
}

.border-fb-blue {
  border-color: #3c599b !important;
}

.bg-twitter-blue {
  background: #3d99fb !important;
}

.text-twitter-blue {
  color: #3d99fb !important;
}

.link-twitter-blue {
  color: #3d99fb !important;
}

.link-twitter-blue:hover {
  color: #6a717f !important;
}

.stroke-twitter-blue {
  stroke: #3d99fb !important;
}

.fill-twitter-blue {
  fill: #3d99fb !important;
}

.border-twitter-blue {
  border-color: #3d99fb !important;
}

.bg-gradient-cyan-magenta,
.styleguide-module__title:after {
  background: linear-gradient(to right, #25c4f6 0%, #f6379a 100%) !important;
}

.text-gradient-cyan-magenta {
  color: linear-gradient(to right, #25c4f6 0%, #f6379a 100%) !important;
}

.link-gradient-cyan-magenta {
  color: linear-gradient(to right, #25c4f6 0%, #f6379a 100%) !important;
}

.link-gradient-cyan-magenta:hover {
  color: #6a717f !important;
}

.stroke-gradient-cyan-magenta {
  stroke: linear-gradient(to right, #25c4f6 0%, #f6379a 100%) !important;
}

.fill-gradient-cyan-magenta {
  fill: linear-gradient(to right, #25c4f6 0%, #f6379a 100%) !important;
}

.border-gradient-cyan-magenta {
  border-color: linear-gradient(to right, #25c4f6 0%, #f6379a 100%) !important;
}

.bg-gradient-magenta-cyan {
  background: linear-gradient(to right, #f6379a 0%, #25c4f6 100%) !important;
}

.text-gradient-magenta-cyan {
  color: linear-gradient(to right, #f6379a 0%, #25c4f6 100%) !important;
}

.link-gradient-magenta-cyan {
  color: linear-gradient(to right, #f6379a 0%, #25c4f6 100%) !important;
}

.link-gradient-magenta-cyan:hover {
  color: #6a717f !important;
}

.stroke-gradient-magenta-cyan {
  stroke: linear-gradient(to right, #f6379a 0%, #25c4f6 100%) !important;
}

.fill-gradient-magenta-cyan {
  fill: linear-gradient(to right, #f6379a 0%, #25c4f6 100%) !important;
}

.border-gradient-magenta-cyan {
  border-color: linear-gradient(to right, #f6379a 0%, #25c4f6 100%) !important;
}

.bg-gradient-cyan-violet {
  background: linear-gradient(to right, #25c4f6 0%, #6643c9 100%) !important;
}

.text-gradient-cyan-violet {
  color: linear-gradient(to right, #25c4f6 0%, #6643c9 100%) !important;
}

.link-gradient-cyan-violet {
  color: linear-gradient(to right, #25c4f6 0%, #6643c9 100%) !important;
}

.link-gradient-cyan-violet:hover {
  color: #6a717f !important;
}

.stroke-gradient-cyan-violet {
  stroke: linear-gradient(to right, #25c4f6 0%, #6643c9 100%) !important;
}

.fill-gradient-cyan-violet {
  fill: linear-gradient(to right, #25c4f6 0%, #6643c9 100%) !important;
}

.border-gradient-cyan-violet {
  border-color: linear-gradient(to right, #25c4f6 0%, #6643c9 100%) !important;
}

.bg-gradient-violet-cyan {
  background: linear-gradient(to right, #6643c9 0%, #25c4f6 100%) !important;
}

.text-gradient-violet-cyan {
  color: linear-gradient(to right, #6643c9 0%, #25c4f6 100%) !important;
}

.link-gradient-violet-cyan {
  color: linear-gradient(to right, #6643c9 0%, #25c4f6 100%) !important;
}

.link-gradient-violet-cyan:hover {
  color: #6a717f !important;
}

.stroke-gradient-violet-cyan {
  stroke: linear-gradient(to right, #6643c9 0%, #25c4f6 100%) !important;
}

.fill-gradient-violet-cyan {
  fill: linear-gradient(to right, #6643c9 0%, #25c4f6 100%) !important;
}

.border-gradient-violet-cyan {
  border-color: linear-gradient(to right, #6643c9 0%, #25c4f6 100%) !important;
}

.bg-gradient-red-violet {
  background: linear-gradient(to right, #ed3b44 0%, #6643c9 100%) !important;
}

.text-gradient-red-violet {
  color: linear-gradient(to right, #ed3b44 0%, #6643c9 100%) !important;
}

.link-gradient-red-violet {
  color: linear-gradient(to right, #ed3b44 0%, #6643c9 100%) !important;
}

.link-gradient-red-violet:hover {
  color: #6a717f !important;
}

.stroke-gradient-red-violet {
  stroke: linear-gradient(to right, #ed3b44 0%, #6643c9 100%) !important;
}

.fill-gradient-red-violet {
  fill: linear-gradient(to right, #ed3b44 0%, #6643c9 100%) !important;
}

.border-gradient-red-violet {
  border-color: linear-gradient(to right, #ed3b44 0%, #6643c9 100%) !important;
}

.bg-gradient-violet-red {
  background: linear-gradient(to right, #6643c9 0%, #ed3b44 100%) !important;
}

.text-gradient-violet-red {
  color: linear-gradient(to right, #6643c9 0%, #ed3b44 100%) !important;
}

.link-gradient-violet-red {
  color: linear-gradient(to right, #6643c9 0%, #ed3b44 100%) !important;
}

.link-gradient-violet-red:hover {
  color: #6a717f !important;
}

.stroke-gradient-violet-red {
  stroke: linear-gradient(to right, #6643c9 0%, #ed3b44 100%) !important;
}

.fill-gradient-violet-red {
  fill: linear-gradient(to right, #6643c9 0%, #ed3b44 100%) !important;
}

.border-gradient-violet-red {
  border-color: linear-gradient(to right, #6643c9 0%, #ed3b44 100%) !important;
}

.bg-gradient-yellow-red {
  background: linear-gradient(to right, #fbdc30 0%, #ed3b44 100%) !important;
}

.text-gradient-yellow-red {
  color: linear-gradient(to right, #fbdc30 0%, #ed3b44 100%) !important;
}

.link-gradient-yellow-red {
  color: linear-gradient(to right, #fbdc30 0%, #ed3b44 100%) !important;
}

.link-gradient-yellow-red:hover {
  color: #6a717f !important;
}

.stroke-gradient-yellow-red {
  stroke: linear-gradient(to right, #fbdc30 0%, #ed3b44 100%) !important;
}

.fill-gradient-yellow-red {
  fill: linear-gradient(to right, #fbdc30 0%, #ed3b44 100%) !important;
}

.border-gradient-yellow-red {
  border-color: linear-gradient(to right, #fbdc30 0%, #ed3b44 100%) !important;
}

.bg-gradient-red-yellow {
  background: linear-gradient(to right, #ed3b44 0%, #fbdc30 100%) !important;
}

.text-gradient-red-yellow {
  color: linear-gradient(to right, #ed3b44 0%, #fbdc30 100%) !important;
}

.link-gradient-red-yellow {
  color: linear-gradient(to right, #ed3b44 0%, #fbdc30 100%) !important;
}

.link-gradient-red-yellow:hover {
  color: #6a717f !important;
}

.stroke-gradient-red-yellow {
  stroke: linear-gradient(to right, #ed3b44 0%, #fbdc30 100%) !important;
}

.fill-gradient-red-yellow {
  fill: linear-gradient(to right, #ed3b44 0%, #fbdc30 100%) !important;
}

.border-gradient-red-yellow {
  border-color: linear-gradient(to right, #ed3b44 0%, #fbdc30 100%) !important;
}

.bg-gradient-cyan-green,
.styleguide-module__title--small:after {
  background: linear-gradient(to right, #25c4f6 0%, #5be745 100%) !important;
}

.text-gradient-cyan-green {
  color: linear-gradient(to right, #25c4f6 0%, #5be745 100%) !important;
}

.link-gradient-cyan-green {
  color: linear-gradient(to right, #25c4f6 0%, #5be745 100%) !important;
}

.link-gradient-cyan-green:hover {
  color: #6a717f !important;
}

.stroke-gradient-cyan-green {
  stroke: linear-gradient(to right, #25c4f6 0%, #5be745 100%) !important;
}

.fill-gradient-cyan-green {
  fill: linear-gradient(to right, #25c4f6 0%, #5be745 100%) !important;
}

.border-gradient-cyan-green {
  border-color: linear-gradient(to right, #25c4f6 0%, #5be745 100%) !important;
}

.bg-gradient-green-cyan {
  background: linear-gradient(to right, #5be745 0%, #25c4f6 100%) !important;
}

.text-gradient-green-cyan {
  color: linear-gradient(to right, #5be745 0%, #25c4f6 100%) !important;
}

.link-gradient-green-cyan {
  color: linear-gradient(to right, #5be745 0%, #25c4f6 100%) !important;
}

.link-gradient-green-cyan:hover {
  color: #6a717f !important;
}

.stroke-gradient-green-cyan {
  stroke: linear-gradient(to right, #5be745 0%, #25c4f6 100%) !important;
}

.fill-gradient-green-cyan {
  fill: linear-gradient(to right, #5be745 0%, #25c4f6 100%) !important;
}

.border-gradient-green-cyan {
  border-color: linear-gradient(to right, #5be745 0%, #25c4f6 100%) !important;
}

.bg-gradient-black-grey {
  background: linear-gradient(to right, #313436 0%, #c7cbd3 100%) !important;
}

.text-gradient-black-grey {
  color: linear-gradient(to right, #313436 0%, #c7cbd3 100%) !important;
}

.link-gradient-black-grey {
  color: linear-gradient(to right, #313436 0%, #c7cbd3 100%) !important;
}

.link-gradient-black-grey:hover {
  color: #6a717f !important;
}

.stroke-gradient-black-grey {
  stroke: linear-gradient(to right, #313436 0%, #c7cbd3 100%) !important;
}

.fill-gradient-black-grey {
  fill: linear-gradient(to right, #313436 0%, #c7cbd3 100%) !important;
}

.border-gradient-black-grey {
  border-color: linear-gradient(to right, #313436 0%, #c7cbd3 100%) !important;
}

.bg-gradient-grey-black {
  background: linear-gradient(to right, #c7cbd3 0%, #313436 100%) !important;
}

.text-gradient-grey-black {
  color: linear-gradient(to right, #c7cbd3 0%, #313436 100%) !important;
}

.link-gradient-grey-black {
  color: linear-gradient(to right, #c7cbd3 0%, #313436 100%) !important;
}

.link-gradient-grey-black:hover {
  color: #6a717f !important;
}

.stroke-gradient-grey-black {
  stroke: linear-gradient(to right, #c7cbd3 0%, #313436 100%) !important;
}

.fill-gradient-grey-black {
  fill: linear-gradient(to right, #c7cbd3 0%, #313436 100%) !important;
}

.border-gradient-grey-black {
  border-color: linear-gradient(to right, #c7cbd3 0%, #313436 100%) !important;
}

.bg-gradient-cyan-magenta,
.styleguide-module__title:after {
  background: linear-gradient(to right, #25c4f6 0%, #f6379a 100%) !important;
}

.text-gradient-cyan-magenta {
  color: linear-gradient(to right, #25c4f6 0%, #f6379a 100%) !important;
}

.link-gradient-cyan-magenta {
  color: linear-gradient(to right, #25c4f6 0%, #f6379a 100%) !important;
}

.link-gradient-cyan-magenta:hover {
  color: #6a717f !important;
}

.stroke-gradient-cyan-magenta {
  stroke: linear-gradient(to right, #25c4f6 0%, #f6379a 100%) !important;
}

.fill-gradient-cyan-magenta {
  fill: linear-gradient(to right, #25c4f6 0%, #f6379a 100%) !important;
}

.border-gradient-cyan-magenta {
  border-image: linear-gradient(to right, #25c4f6 0%, #f6379a 100%) !important;
}

.bg-gradient-red-violet {
  background: linear-gradient(to right, #ed3b44 0%, #6643c9 100%) !important;
}

.text-gradient-red-violet {
  color: linear-gradient(to right, #ed3b44 0%, #6643c9 100%) !important;
}

.link-gradient-red-violet {
  color: linear-gradient(to right, #ed3b44 0%, #6643c9 100%) !important;
}

.link-gradient-red-violet:hover {
  color: #6a717f !important;
}

.stroke-gradient-red-violet {
  stroke: linear-gradient(to right, #ed3b44 0%, #6643c9 100%) !important;
}

.fill-gradient-red-violet {
  fill: linear-gradient(to right, #ed3b44 0%, #6643c9 100%) !important;
}

.border-gradient-red-violet {
  border-image: linear-gradient(to right, #ed3b44 0%, #6643c9 100%) !important;
}

.bg-gradient-yellow-red {
  background: linear-gradient(to right, #fbdc30 0%, #ed3b44 100%) !important;
}

.text-gradient-yellow-red {
  color: linear-gradient(to right, #fbdc30 0%, #ed3b44 100%) !important;
}

.link-gradient-yellow-red {
  color: linear-gradient(to right, #fbdc30 0%, #ed3b44 100%) !important;
}

.link-gradient-yellow-red:hover {
  color: #6a717f !important;
}

.stroke-gradient-yellow-red {
  stroke: linear-gradient(to right, #fbdc30 0%, #ed3b44 100%) !important;
}

.fill-gradient-yellow-red {
  fill: linear-gradient(to right, #fbdc30 0%, #ed3b44 100%) !important;
}

.border-gradient-yellow-red {
  border-image: linear-gradient(to right, #fbdc30 0%, #ed3b44 100%) !important;
}

.bg-gradient-cyan-green,
.styleguide-module__title--small:after {
  background: linear-gradient(to right, #25c4f6 0%, #5be745 100%) !important;
}

.text-gradient-cyan-green {
  color: linear-gradient(to right, #25c4f6 0%, #5be745 100%) !important;
}

.link-gradient-cyan-green {
  color: linear-gradient(to right, #25c4f6 0%, #5be745 100%) !important;
}

.link-gradient-cyan-green:hover {
  color: #6a717f !important;
}

.stroke-gradient-cyan-green {
  stroke: linear-gradient(to right, #25c4f6 0%, #5be745 100%) !important;
}

.fill-gradient-cyan-green {
  fill: linear-gradient(to right, #25c4f6 0%, #5be745 100%) !important;
}

.border-gradient-cyan-green {
  border-image: linear-gradient(to right, #25c4f6 0%, #5be745 100%) !important;
}

body {
  background-color: #fff;
  opacity: 1;
}

html,
body {
  height: 100%;
}

html.sidebar-open,
body.sidebar-open {
  overflow-x: hidden;
  overflow-y: visible;
}

a {
  color: #313436;
  text-decoration: none;
}

a:hover {
  color: #000000;
}

hr {
  margin: 3rem 0;
  border: none;
  height: 1px;
  width: 100%;
  background-color: #cddbe1;
}

#module-wrapper {
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  background-color: #fff;
  max-width: 1920px;
}

@media (min-width: 769px) {
  #module-wrapper {
    padding: 0 2rem;
  }
}

.module {
  max-width: 1920px;
  margin: 0 auto;
  padding: 3rem 0;
  border-bottom: 2px solid #c7cbd3;
}

.module[data-scroll-target="typography"] p {
  margin: 3rem 0;
}

.module[data-scroll-target="typography"] [contenteditable="true"] {
  position: relative;
}

.module[data-scroll-target="typography"] [contenteditable="true"]:after {
  width: 16px;
  height: 16px;
  display: inline-block;
  content: ' ';
}

.module[data-scroll-target="typography"] [contenteditable="true"]:hover {
  background: #fbfbe2;
}

.module[data-scroll-target="typography"] [contenteditable="true"]:hover:after {
  font-size: 12px;
  content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAiUlEQVQ4y2NgGFKgs7OTl2zNEyZMmAgEDZMmTeogWTNQUwVQcyeIDaLnz5/PQYrmssmTJ1sC6QQg7gXiFlI0l4I0Q9lOQNuLiNYMVFwCxFZQtiPQgEKSNAM1WMM0k2wzTDPQ+Q5AdjEpfs6CRRPJmqEGvAC6IAlId4NcQk58vwDih0DbMxhGDgAAx6ZVXMd4yEMAAAAASUVORK5CYII=");
}

.module[data-scroll-target="typography"] [contenteditable="true"]:focus {
  outline: none;
  background: #fbfbe2;
}

.module[data-scroll-target="typography"] [contenteditable="true"]:focus:after {
  width: 0;
  content: '';
}

.styleguide-header {
  overflow: hidden;
  border-bottom: 1px solid #edf2f4;
  line-height: 75px;
  background: white;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  position: fixed;
  padding: 0 1rem;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
}

@media (min-width: 769px) {
  .styleguide-header {
    padding: 0 2rem;
  }
}

.styleguide-header .toggle-sidebar {
  float: left;
  cursor: pointer;
  width: 24px;
  margin-right: 1rem;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(../images/vectors/styleguide/hamburger.svg) no-repeat center;
}

.sidebar-open .styleguide-header .toggle-sidebar {
  background: url(../images/vectors/styleguide/close.svg) no-repeat center;
}

.styleguide-header nav {
  display: none;
}

@media (min-width: 769px) {
  .styleguide-header nav {
    float: right;
    display: inline;
  }
}

.styleguide-header nav li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 1rem;
}

.styleguide-header nav li a {
  color: #6a717f;
}

.styleguide-header nav li a:before {
  content: '';
  opacity: 0.2;
  transition-property: all;
  transition-duration: 0.36s;
  transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
  display: inline-block;
  vertical-align: top;
  height: 75px;
  background: center no-repeat;
  cursor: pointer;
}

.styleguide-header nav li a:hover:before, .styleguide-header nav li a.active:before {
  opacity: 1;
}

.styleguide-header nav li a.breakpoint-toggle-tiny:before {
  width: 17px;
  background-image: url("../images/vectors/styleguide/icon-small-up.svg");
}

.styleguide-header nav li a.breakpoint-toggle-small:before {
  width: 28px;
  background-image: url("../images/vectors/styleguide/icon-medium-up.svg");
}

.styleguide-header nav li a.breakpoint-toggle-medium:before {
  width: 55px;
  background-image: url("../images/vectors/styleguide/icon-large-up.svg");
}

.styleguide-header nav li a.breakpoint-toggle-large:before {
  width: 52px;
  background-image: url("../images/vectors/styleguide/icon-full.svg");
}

.sidebar {
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  border-bottom: 1px solid #edf2f4;
  border-right: 1px solid #edf2f4;
  border-bottom: none;
  width: 240px;
  transform: translateX(-240px);
  overflow-y: scroll;
  overflow-scrolling: touch;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.sidebar .logo {
  width: 100%;
  display: block;
  padding: 5rem 5rem 1rem;
}

.sidebar nav {
  padding: 2rem 0;
}

.sidebar nav ul li a {
  border: none;
  padding: 1rem;
  display: block;
}

@media (min-width: 769px) {
  .sidebar nav ul li a {
    padding: 1rem 2rem;
  }
}

.sidebar nav ul li ul {
  font-size: 1.1rem;
  padding-left: 1rem;
}

.sidebar #sg-nav > ul > li {
  padding: 2rem 0;
  border-bottom: 1px solid #edf2f4;
}

.sidebar #sg-nav a:hover {
  background: transparent;
}

.sidebar #nav li {
  position: relative;
}

.sidebar #nav a.active {
  background: #f9f9f9;
}

.sidebar #nav a:hover {
  background: #f5f5f5;
}

.sidebar #nav .page-link {
  position: absolute;
  top: auto;
  left: auto;
  right: 0.5rem;
  bottom: 0.4rem;
  width: 3.2rem;
  height: 3.2rem;
  padding: 1rem;
}

.sidebar #nav .page-link svg {
  position: absolute;
  top: 1rem;
  left: 1rem;
  width: 1.2rem;
  height: 1.2rem;
}

.styleguide-iframe-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: calc(100% - 4rem);
  max-width: 100%;
  left: 0;
  padding: 0;
  margin: 0;
  max-width: initial;
  background-color: #efefef;
}

.styleguide-iframe-wrapper iframe {
  border: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  height: calc(100% - 75px);
  width: 100%;
  max-width: 100%;
  position: absolute;
  top: 75px;
  left: 0;
  right: 0;
  bottom: 0;
  transition-property: all;
  transition-duration: 0.36s;
  transition-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
  margin: 0 auto;
}

.styleguide-iframe-wrapper iframe[data-breakpoint-size='tiny'] {
  max-width: 480px;
}

.styleguide-iframe-wrapper iframe[data-breakpoint-size='small'] {
  max-width: 768px;
}

.styleguide-iframe-wrapper iframe[data-breakpoint-size='medium'] {
  max-width: 1280px;
}

.styleguide-iframe-wrapper iframe[data-breakpoint-size='large'] {
  max-width: 100%;
}

.styleguide-module__header {
  overflow: hidden;
  margin: 3rem 0;
}

.styleguide-module__header code {
  background: whitesmoke;
  float: none;
  clear: both;
  display: inline-block;
  margin-left: 1rem;
}

.styleguide-module__title {
  display: inline-block;
  position: relative;
  font-family: "Effra W01 Regular", helvetica, sans-serif;
  font-size: 4.2rem;
  line-height: 4.2rem;
  padding-bottom: 1rem;
  margin-bottom: 2.5rem;
  padding-left: 0;
  background-size: 2.6rem 3rem;
  clear: both;
}

.styleguide-module__title:before {
  content: '';
  position: relative;
}

.styleguide-module__title:after {
  content: '';
  position: absolute;
  top: auto;
  bottom: 0.2rem;
  left: 0;
  width: 100%;
  height: 0.4rem;
  border-radius: 0.3rem;
}

.styleguide-module__title--light {
  clear: both;
  color: #bbb;
  display: block;
  margin: 0 0 1rem;
  font-size: 1.6rem;
  line-height: 1.6rem;
  font-weight: normal;
  text-transform: none;
}

.styleguide-module__title--small {
  position: relative;
  display: inline-block;
  width: auto;
  font-size: 3rem;
  line-height: 3rem;
  padding-left: 0;
  background-size: 3rem 1.4rem;
  clear: both;
}

.styleguide-module__title--small:before {
  content: '';
  position: relative;
}

.styleguide-module__title--small:after {
  content: '';
  position: absolute;
  top: auto;
  bottom: -0.5rem;
  left: 0;
  width: 100%;
  height: 0.3rem;
  border-radius: 0.3rem;
}

.styleguide-module__toggle-code {
  position: relative;
  float: right;
  width: 27px;
  height: 18px;
  opacity: .5;
  text-indent: -9999999px;
}

.styleguide-module__toggle-code + * {
  clear: both;
}

.styleguide-module__type-group {
  padding-bottom: 1.5rem;
  margin: 0 0 3rem 0;
  border-bottom: 2px solid #c7cbd3;
}

.styleguide-module__type-group li {
  margin: 0 0 3rem 0;
}

.styleguide-module__type-group li:last-child {
  margin: 0;
}

.styleguide-module__type-group:last-child {
  padding: 0;
  border: none;
  margin: 0;
}

.styleguide-module__type-group-title {
  padding-bottom: 0;
  margin: 0 0 3rem 0;
  float: none;
  clear: both;
}

.styleguide-module__list {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 2rem;
}

.styleguide-module__list:last-child {
  margin-bottom: 0;
}

pre + .styleguide-module__toggle-code {
  margin-top: 2rem;
}

.styleguide-list--buttons li {
  display: inline-block;
  vertical-align: top;
  margin: 0 1rem 1rem 0;
}

.styleguide-footer {
  clear: both;
  overflow: hidden;
  text-align: center;
  background: #313436;
  color: white;
  -ms-flex-order: 2;
      order: 2;
}

.styleguide-footer p {
  padding: 0;
  height: 4rem;
  line-height: 4rem;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.styleguide-header,
.styleguide-footer,
.styleguide-iframe-wrapper {
  width: 100%;
}

.sidebar-open .sidebar {
  transform: translateX(0);
}

.sidebar-open .styleguide-header,
.sidebar-open .styleguide-footer {
  transform: translateX(240px);
  width: calc(100% - 240px);
}

.sidebar-open .styleguide-iframe-wrapper {
  transform: translateX(240px);
}

@media (min-width: 769px) {
  .sidebar-open .styleguide-iframe-wrapper {
    width: calc(100% - 240px);
  }
}

.basic_dev_comments {
  border-top: 1px solid #313436;
}

.fuerst_dev_comments {
  border-top: 1px solid #313436;
}

.red_van_dev_comments {
  border-top: 1px solid #313436;
}

.basic_design_comments {
  border-top: 1px solid #313436;
}

/*# sourceMappingURL=styleguide.css.map */