* { box-sizing:border-box; }

h1{
  font-family:Trebuchet MS,sans-serif ;
  font-weight: 500;
  font-size: 50px;
  color:#4a5f73
}

.text-small {
  font-family: Georgia, serif;
  font-size: 18px;
  
}

div {
  font-weight: 600;
  color:#5587b9;
  
}

p {
  font-family: monospace;
  font-weight: 300px;
  color: #5e91ba;
}

.container {
  margin:0 auto;
  width: 100%;
}

/* From 11/10/22 class */
@import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap');

/* body {
  color: #407bff;
} */

/* tx => text, short form for text */
.tx-bold { font-weight: bold; }​

.tx-italic { font-style: italic; }​

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

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

.tx-monospace { font-family: monospace; }​

.fs-big { font-size: 125%; }​

.tx-center { text-align: center; }​

/* '*' this represents wildcard for ALL HTML elements!
* {
  font-family: 'Courgette', cursive;
  color: darkblue;
}
*/

/*
  Class vs. Id Selectors

#specialP {
	font-weight: bold;
}

.italicP {
	font-style: italic;
}

<p id="specialP">Prisha</p>
<p class="italicP">Italic</p>
<p class="italicP">Italic</p>
<p class="italicP">Italic</p>
*/

/* fonts from class */
* {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
}

.text-bold { font-weight: bold; } /* 700 = bold */
.text-unbold { font-weight: normal; } /* 400 = normal */
.text-light { font-weight: lighter; } /* 100 = lighter */

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

.text-underline { text-decoration: underline; }
.text-overline { text-decoration: overline; }
.text-linethrough { text-decoration: line-through; }
.text-noline { text-decoration: none; }

.text-monospace { font-family: 'Courier New', Courier, monospace; }
.text-serif { font-family: 'Times New Roman', Times, serif; }
.text-sans { font-family: Arial, Helvetica, sans-serif; }

.fs-1 { font-size: 200%; }
.fs-2 { font-size: 150%; }
.fs-3 { font-size: 125%; }
.fs-4 { font-size: 100%; }
.fs-5 { font-size: 90%; }
.fs-6 { font-size: 80%; }

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

.tx-primary { color: rgb(0, 0, 255); }
.tx-secondary { color: rgb(128, 128, 128); }
.tx-danger { color: rgb(255, 0, 0); }
.tx-warning { color: rgb(255, 192, 0); }
.tx-success { color: rgb(0, 192, 0); }
.tx-info { color: rgb(0, 128, 128); }

.bg-primary { background-color: rgb(0, 0, 255); }
.bg-secondary { background-color: rgb(128, 128, 128); }
.bg-danger { background-color: rgb(255, 0, 0); }
.bg-warning { background-color: rgb(255, 192, 0); }
.bg-success { background-color: rgb(0, 192, 0); }
.bg-info { background-color: rgb(0, 128, 128); }

/* Container */
.container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl, .container-fluid { margin: 0 auto; width: 100%; }
@media (min-width: 576px) {
  .container, .container-sm { width: 540px; }
}
@media (min-width: 768px) {
  .container, .container-sm, .container-md { width: 720px; }
}
@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg { width: 960px; }
}
@media (min-width: 1280px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl { width: 1200px; }
}
@media (min-width: 1536px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { width: 1440px; }
}

/* Grid Layout */
.col-1 { flex: 0 0 auto; width: 8.3333%; }
.col-2 { flex: 0 0 auto; width: 16.6667%; }
.col-3 { flex: 0 0 auto; width: 25%; }
.col-4 { flex: 0 0 auto; width: 33.3333%; }
.col-5 { flex: 0 0 auto; width: 41.6667%; }
.col-6 { flex: 0 0 auto; width: 50%; }
.col-7 { flex: 0 0 auto; width: 58.3333%; }
.col-8 { flex: 0 0 auto; width: 66.6667%; }
.col-9 { flex: 0 0 auto; width: 75%; }
.col-10 { flex: 0 0 auto; width: 83.3333%; }
.col-11 { flex: 0 0 auto; width: 91.6667%; }
.col-12 { flex: 0 0 auto; width: 100%; }

@media (min-width: 576px) {
  .col-sm-1 { flex: 0 0 auto; width: 8.3333%; }
  .col-sm-2 { flex: 0 0 auto; width: 16.6667%; }
  .col-sm-3 { flex: 0 0 auto; width: 25%; }
  .col-sm-4 { flex: 0 0 auto; width: 33.3333%; }
  .col-sm-5 { flex: 0 0 auto; width: 41.6667%; }
  .col-sm-6 { flex: 0 0 auto; width: 50%; }
  .col-sm-7 { flex: 0 0 auto; width: 58.3333%; }
  .col-sm-8 { flex: 0 0 auto; width: 66.6667%; }
  .col-sm-9 { flex: 0 0 auto; width: 75%; }
  .col-sm-10 { flex: 0 0 auto; width: 83.3333%; }
  .col-sm-11 { flex: 0 0 auto; width: 91.6667%; }
  .col-sm-12 { flex: 0 0 auto; width: 100%; }
}
@media (min-width: 768px) {
  .col-md-1 { flex: 0 0 auto; width: 8.3333%; }
  .col-md-2 { flex: 0 0 auto; width: 16.6667%; }
  .col-md-3 { flex: 0 0 auto; width: 25%; }
  .col-md-4 { flex: 0 0 auto; width: 33.3333%; }
  .col-md-5 { flex: 0 0 auto; width: 41.6667%; }
  .col-md-6 { flex: 0 0 auto; width: 50%; }
  .col-md-7 { flex: 0 0 auto; width: 58.3333%; }
  .col-md-8 { flex: 0 0 auto; width: 66.6667%; }
  .col-md-9 { flex: 0 0 auto; width: 75%; }
  .col-md-10 { flex: 0 0 auto; width: 83.3333%; }
  .col-md-11 { flex: 0 0 auto; width: 91.6667%; }
  .col-md-12 { flex: 0 0 auto; width: 100%; }
}
@media (min-width: 992px) {
  .col-lg-1 { flex: 0 0 auto; width: 8.3333%; }
  .col-lg-2 { flex: 0 0 auto; width: 16.6667%; }
  .col-lg-3 { flex: 0 0 auto; width: 25%; }
  .col-lg-4 { flex: 0 0 auto; width: 33.3333%; }
  .col-lg-5 { flex: 0 0 auto; width: 41.6667%; }
  .col-lg-6 { flex: 0 0 auto; width: 50%; }
  .col-lg-7 { flex: 0 0 auto; width: 58.3333%; }
  .col-lg-8 { flex: 0 0 auto; width: 66.6667%; }
  .col-lg-9 { flex: 0 0 auto; width: 75%; }
  .col-lg-10 { flex: 0 0 auto; width: 83.3333%; }
  .col-lg-11 { flex: 0 0 auto; width: 91.6667%; }
  .col-lg-12 { flex: 0 0 auto; width: 100%; }
}
@media (min-width: 1280px) {
  .col-xl-1 { flex: 0 0 auto; width: 8.3333%; }
  .col-xl-2 { flex: 0 0 auto; width: 16.6667%; }
  .col-xl-3 { flex: 0 0 auto; width: 25%; }
  .col-xl-4 { flex: 0 0 auto; width: 33.3333%; }
  .col-xl-5 { flex: 0 0 auto; width: 41.6667%; }
  .col-xl-6 { flex: 0 0 auto; width: 50%; }
  .col-xl-7 { flex: 0 0 auto; width: 58.3333%; }
  .col-xl-8 { flex: 0 0 auto; width: 66.6667%; }
  .col-xl-9 { flex: 0 0 auto; width: 75%; }
  .col-xl-10 { flex: 0 0 auto; width: 83.3333%; }
  .col-xl-11 { flex: 0 0 auto; width: 91.6667%; }
  .col-xl-12 { flex: 0 0 auto; width: 100%; }
}
@media (min-width: 1536px) {
  .col-xxl-1 { flex: 0 0 auto; width: 8.3333%; }
  .col-xxl-2 { flex: 0 0 auto; width: 16.6667%; }
  .col-xxl-3 { flex: 0 0 auto; width: 25%; }
  .col-xxl-4 { flex: 0 0 auto; width: 33.3333%; }
  .col-xxl-5 { flex: 0 0 auto; width: 41.6667%; }
  .col-xxl-6 { flex: 0 0 auto; width: 50%; }
  .col-xxl-7 { flex: 0 0 auto; width: 58.3333%; }
  .col-xxl-8 { flex: 0 0 auto; width: 66.6667%; }
  .col-xxl-9 { flex: 0 0 auto; width: 75%; }
  .col-xxl-10 { flex: 0 0 auto; width: 83.3333%; }
  .col-xxl-11 { flex: 0 0 auto; width: 91.6667%; }
  .col-xxl-12 { flex: 0 0 auto; width: 100%; }
}

/* Margin & Padding */
.m-auto, .mx-auto, .ml-auto { margin-left: auto; }
.m-auto, .mx-auto, .mr-auto { margin-right: auto; }
.m-auto, .my-auto, .mt-auto { margin-top: auto; }
.m-auto, .my-auto, .mb-auto { margin-bottom: auto; }
.m-0, .mx-0, .ml-0 { margin-left: 0; }
.m-0, .mx-0, .mr-0 { margin-right: 0; }
.m-0, .my-0, .mt-0 { margin-top: 0; }
.m-0, .my-0, .mb-0 { margin-bottom: 0; }
.m-1, .mx-1, .ml-1 { margin-left: .25rem; }
.m-1, .mx-1, .mr-1 { margin-right: .25rem; }
.m-1, .my-1, .mt-1 { margin-top: .25rem; }
.m-1, .my-1, .mb-1 { margin-bottom: .25rem; }
.m-2, .mx-2, .ml-2 { margin-left: .5rem; }
.m-2, .mx-2, .mr-2 { margin-right: .5rem; }
.m-2, .my-2, .mt-2 { margin-top: .5rem; }
.m-2, .my-2, .mb-2 { margin-bottom: .5rem; }
.m-3, .mx-3, .ml-3 { margin-left: 1rem; }
.m-3, .mx-3, .mr-3 { margin-right: 1rem; }
.m-3, .my-3, .mt-3 { margin-top: 1rem; }
.m-3, .my-3, .mb-3 { margin-bottom: 1rem; }
.m-4, .mx-4, .ml-4 { margin-left: 1.5rem; }
.m-4, .mx-4, .mr-4 { margin-right: 1.5rem; }
.m-4, .my-4, .mt-4 { margin-top: 1.5rem; }
.m-4, .my-4, .mb-4 { margin-bottom: 1.5rem; }
.m-5, .mx-5, .ml-5 { margin-left: 3rem; }
.m-5, .mx-5, .mr-5 { margin-right: 3rem; }
.m-5, .my-5, .mt-5 { margin-top: 3rem; }
.m-5, .my-5, .mb-5 { margin-bottom: 3rem; }

.p-auto, .px-auto, .pl-auto { padding-left: auto; }
.p-auto, .px-auto, .pr-auto { padding-right: auto; }
.p-auto, .py-auto, .pt-auto { padding-top: auto; }
.p-auto, .py-auto, .pb-auto { padding-bottom: auto; }
.p-0, .px-0, .pl-0 { padding-left: 0; }
.p-0, .px-0, .pr-0 { padding-right: 0; }
.p-0, .py-0, .pt-0 { padding-top: 0; }
.p-0, .py-0, .pb-0 { padding-bottom: 0; }
.p-1, .px-1, .pl-1 { padding-left: .25rem; }
.p-1, .px-1, .pr-1 { padding-right: .25rem; }
.p-1, .py-1, .pt-1 { padding-top: .25rem; }
.p-1, .py-1, .pb-1 { padding-bottom: .25rem; }
.p-2, .px-2, .pl-2 { padding-left: .5rem; }
.p-2, .px-2, .pr-2 { padding-right: .5rem; }
.p-2, .py-2, .pt-2 { padding-top: .5rem; }
.p-2, .py-2, .pb-2 { padding-bottom: .5rem; }
.p-3, .px-3, .pl-3 { padding-left: 1rem; }
.p-3, .px-3, .pr-3 { padding-right: 1rem; }
.p-3, .py-3, .pt-3 { padding-top: 1rem; }
.p-3, .py-3, .pb-3 { padding-bottom: 1rem; }
.p-4, .px-4, .pl-4 { padding-left: 1.5rem; }
.p-4, .px-4, .pr-4 { padding-right: 1.5rem; }
.p-4, .py-4, .pt-4 { padding-top: 1.5rem; }
.p-4, .py-4, .pb-4 { padding-bottom: 1.5rem; }
.p-5, .px-5, .pl-5 { padding-left: 3rem; }
.p-5, .px-5, .pr-5 { padding-right: 3rem; }
.p-5, .py-5, .pt-5 { padding-top: 3rem; }
.p-5, .py-5, .pb-5 { padding-bottom: 3rem; }

@media (min-width: 576px) {
  .m-sm-auto, .mx-sm-auto, .ml-sm-auto { margin-left: auto; }
  .m-sm-auto, .mx-sm-auto, .mr-sm-auto { margin-right: auto; }
  .m-sm-auto, .my-sm-auto, .mt-sm-auto { margin-top: auto; }
  .m-sm-auto, .my-sm-auto, .mb-sm-auto { margin-bottom: auto; }
  .m-sm-0, .mx-sm-0, .ml-sm-0 { margin-left: 0; }
  .m-sm-0, .mx-sm-0, .mr-sm-0 { margin-right: 0; }
  .m-sm-0, .my-sm-0, .mt-sm-0 { margin-top: 0; }
  .m-sm-0, .my-sm-0, .mb-sm-0 { margin-bottom: 0; }
  .m-sm-1, .mx-sm-1, .ml-sm-1 { margin-left: .25rem; }
  .m-sm-1, .mx-sm-1, .mr-sm-1 { margin-right: .25rem; }
  .m-sm-1, .my-sm-1, .mt-sm-1 { margin-top: .25rem; }
  .m-sm-1, .my-sm-1, .mb-sm-1 { margin-bottom: .25rem; }
  .m-sm-2, .mx-sm-2, .ml-sm-2 { margin-left: .5rem; }
  .m-sm-2, .mx-sm-2, .mr-sm-2 { margin-right: .5rem; }
  .m-sm-2, .my-sm-2, .mt-sm-2 { margin-top: .5rem; }
  .m-sm-2, .my-sm-2, .mb-sm-2 { margin-bottom: .5rem; }
  .m-sm-3, .mx-sm-3, .ml-sm-3 { margin-left: 1rem; }
  .m-sm-3, .mx-sm-3, .mr-sm-3 { margin-right: 1rem; }
  .m-sm-3, .my-sm-3, .mt-sm-3 { margin-top: 1rem; }
  .m-sm-3, .my-sm-3, .mb-sm-3 { margin-bottom: 1rem; }
  .m-sm-4, .mx-sm-4, .ml-sm-4 { margin-left: 1.5rem; }
  .m-sm-4, .mx-sm-4, .mr-sm-4 { margin-right: 1.5rem; }
  .m-sm-4, .my-sm-4, .mt-sm-4 { margin-top: 1.5rem; }
  .m-sm-4, .my-sm-4, .mb-sm-4 { margin-bottom: 1.5rem; }
  .m-sm-5, .mx-sm-5, .ml-sm-5 { margin-left: 3rem; }
  .m-sm-5, .mx-sm-5, .mr-sm-5 { margin-right: 3rem; }
  .m-sm-5, .my-sm-5, .mt-sm-5 { margin-top: 3rem; }
  .m-sm-5, .my-sm-5, .mb-sm-5 { margin-bottom: 3rem; }

  .p-sm-auto, .px-sm-auto, .pl-sm-auto { padding-left: auto; }
  .p-sm-auto, .px-sm-auto, .pr-sm-auto { padding-right: auto; }
  .p-sm-auto, .py-sm-auto, .pt-sm-auto { padding-top: auto; }
  .p-sm-auto, .py-sm-auto, .pb-sm-auto { padding-bottom: auto; }
  .p-sm-0, .px-sm-0, .pl-sm-0 { padding-left: 0; }
  .p-sm-0, .px-sm-0, .pr-sm-0 { padding-right: 0; }
  .p-sm-0, .py-sm-0, .pt-sm-0 { padding-top: 0; }
  .p-sm-0, .py-sm-0, .pb-sm-0 { padding-bottom: 0; }
  .p-sm-1, .px-sm-1, .pl-sm-1 { padding-left: .25rem; }
  .p-sm-1, .px-sm-1, .pr-sm-1 { padding-right: .25rem; }
  .p-sm-1, .py-sm-1, .pt-sm-1 { padding-top: .25rem; }
  .p-sm-1, .py-sm-1, .pb-sm-1 { padding-bottom: .25rem; }
  .p-sm-2, .px-sm-2, .pl-sm-2 { padding-left: .5rem; }
  .p-sm-2, .px-sm-2, .pr-sm-2 { padding-right: .5rem; }
  .p-sm-2, .py-sm-2, .pt-sm-2 { padding-top: .5rem; }
  .p-sm-2, .py-sm-2, .pb-sm-2 { padding-bottom: .5rem; }
  .p-sm-3, .px-sm-3, .pl-sm-3 { padding-left: 1rem; }
  .p-sm-3, .px-sm-3, .pr-sm-3 { padding-right: 1rem; }
  .p-sm-3, .py-sm-3, .pt-sm-3 { padding-top: 1rem; }
  .p-sm-3, .py-sm-3, .pb-sm-3 { padding-bottom: 1rem; }
  .p-sm-4, .px-sm-4, .pl-sm-4 { padding-left: 1.5rem; }
  .p-sm-4, .px-sm-4, .pr-sm-4 { padding-right: 1.5rem; }
  .p-sm-4, .py-sm-4, .pt-sm-4 { padding-top: 1.5rem; }
  .p-sm-4, .py-sm-4, .pb-sm-4 { padding-bottom: 1.5rem; }
  .p-sm-5, .px-sm-5, .pl-sm-5 { padding-left: 3rem; }
  .p-sm-5, .px-sm-5, .pr-sm-5 { padding-right: 3rem; }
  .p-sm-5, .py-sm-5, .pt-sm-5 { padding-top: 3rem; }
  .p-sm-5, .py-sm-5, .pb-sm-5 { padding-bottom: 3rem; }
}
@media (min-width: 768px) {
  .m-md-auto, .mx-md-auto, .ml-md-auto { margin-left: auto; }
  .m-md-auto, .mx-md-auto, .mr-md-auto { margin-right: auto; }
  .m-md-auto, .my-md-auto, .mt-md-auto { margin-top: auto; }
  .m-md-auto, .my-md-auto, .mb-md-auto { margin-bottom: auto; }
  .m-md-0, .mx-md-0, .ml-md-0 { margin-left: 0; }
  .m-md-0, .mx-md-0, .mr-md-0 { margin-right: 0; }
  .m-md-0, .my-md-0, .mt-md-0 { margin-top: 0; }
  .m-md-0, .my-md-0, .mb-md-0 { margin-bottom: 0; }
  .m-md-1, .mx-md-1, .ml-md-1 { margin-left: .25rem; }
  .m-md-1, .mx-md-1, .mr-md-1 { margin-right: .25rem; }
  .m-md-1, .my-md-1, .mt-md-1 { margin-top: .25rem; }
  .m-md-1, .my-md-1, .mb-md-1 { margin-bottom: .25rem; }
  .m-md-2, .mx-md-2, .ml-md-2 { margin-left: .5rem; }
  .m-md-2, .mx-md-2, .mr-md-2 { margin-right: .5rem; }
  .m-md-2, .my-md-2, .mt-md-2 { margin-top: .5rem; }
  .m-md-2, .my-md-2, .mb-md-2 { margin-bottom: .5rem; }
  .m-md-3, .mx-md-3, .ml-md-3 { margin-left: 1rem; }
  .m-md-3, .mx-md-3, .mr-md-3 { margin-right: 1rem; }
  .m-md-3, .my-md-3, .mt-md-3 { margin-top: 1rem; }
  .m-md-3, .my-md-3, .mb-md-3 { margin-bottom: 1rem; }
  .m-md-4, .mx-md-4, .ml-md-4 { margin-left: 1.5rem; }
  .m-md-4, .mx-md-4, .mr-md-4 { margin-right: 1.5rem; }
  .m-md-4, .my-md-4, .mt-md-4 { margin-top: 1.5rem; }
  .m-md-4, .my-md-4, .mb-md-4 { margin-bottom: 1.5rem; }
  .m-md-5, .mx-md-5, .ml-md-5 { margin-left: 3rem; }
  .m-md-5, .mx-md-5, .mr-md-5 { margin-right: 3rem; }
  .m-md-5, .my-md-5, .mt-md-5 { margin-top: 3rem; }
  .m-md-5, .my-md-5, .mb-md-5 { margin-bottom: 3rem; }

  .p-md-auto, .px-md-auto, .pl-md-auto { padding-left: auto; }
  .p-md-auto, .px-md-auto, .pr-md-auto { padding-right: auto; }
  .p-md-auto, .py-md-auto, .pt-md-auto { padding-top: auto; }
  .p-md-auto, .py-md-auto, .pb-md-auto { padding-bottom: auto; }
  .p-md-0, .px-md-0, .pl-md-0 { padding-left: 0; }
  .p-md-0, .px-md-0, .pr-md-0 { padding-right: 0; }
  .p-md-0, .py-md-0, .pt-md-0 { padding-top: 0; }
  .p-md-0, .py-md-0, .pb-md-0 { padding-bottom: 0; }
  .p-md-1, .px-md-1, .pl-md-1 { padding-left: .25rem; }
  .p-md-1, .px-md-1, .pr-md-1 { padding-right: .25rem; }
  .p-md-1, .py-md-1, .pt-md-1 { padding-top: .25rem; }
  .p-md-1, .py-md-1, .pb-md-1 { padding-bottom: .25rem; }
  .p-md-2, .px-md-2, .pl-md-2 { padding-left: .5rem; }
  .p-md-2, .px-md-2, .pr-md-2 { padding-right: .5rem; }
  .p-md-2, .py-md-2, .pt-md-2 { padding-top: .5rem; }
  .p-md-2, .py-md-2, .pb-md-2 { padding-bottom: .5rem; }
  .p-md-3, .px-md-3, .pl-md-3 { padding-left: 1rem; }
  .p-md-3, .px-md-3, .pr-md-3 { padding-right: 1rem; }
  .p-md-3, .py-md-3, .pt-md-3 { padding-top: 1rem; }
  .p-md-3, .py-md-3, .pb-md-3 { padding-bottom: 1rem; }
  .p-md-4, .px-md-4, .pl-md-4 { padding-left: 1.5rem; }
  .p-md-4, .px-md-4, .pr-md-4 { padding-right: 1.5rem; }
  .p-md-4, .py-md-4, .pt-md-4 { padding-top: 1.5rem; }
  .p-md-4, .py-md-4, .pb-md-4 { padding-bottom: 1.5rem; }
  .p-md-5, .px-md-5, .pl-md-5 { padding-left: 3rem; }
  .p-md-5, .px-md-5, .pr-md-5 { padding-right: 3rem; }
  .p-md-5, .py-md-5, .pt-md-5 { padding-top: 3rem; }
  .p-md-5, .py-md-5, .pb-md-5 { padding-bottom: 3rem; }
}
@media (min-width: 992px) {
  .m-lg-auto, .mx-lg-auto, .ml-lg-auto { margin-left: auto; }
	.m-lg-auto, .mx-lg-auto, .mr-lg-auto { margin-right: auto; }
	.m-lg-auto, .my-lg-auto, .mt-lg-auto { margin-top: auto; }
	.m-lg-auto, .my-lg-auto, .mb-lg-auto { margin-bottom: auto; }
	.m-lg-0, .mx-lg-0, .ml-lg-0 { margin-left: 0; }
	.m-lg-0, .mx-lg-0, .mr-lg-0 { margin-right: 0; }
	.m-lg-0, .my-lg-0, .mt-lg-0 { margin-top: 0; }
	.m-lg-0, .my-lg-0, .mb-lg-0 { margin-bottom: 0; }
	.m-lg-1, .mx-lg-1, .ml-lg-1 { margin-left: .25rem; }
	.m-lg-1, .mx-lg-1, .mr-lg-1 { margin-right: .25rem; }
	.m-lg-1, .my-lg-1, .mt-lg-1 { margin-top: .25rem; }
	.m-lg-1, .my-lg-1, .mb-lg-1 { margin-bottom: .25rem; }
	.m-lg-2, .mx-lg-2, .ml-lg-2 { margin-left: .5rem; }
	.m-lg-2, .mx-lg-2, .mr-lg-2 { margin-right: .5rem; }
	.m-lg-2, .my-lg-2, .mt-lg-2 { margin-top: .5rem; }
	.m-lg-2, .my-lg-2, .mb-lg-2 { margin-bottom: .5rem; }
	.m-lg-3, .mx-lg-3, .ml-lg-3 { margin-left: 1rem; }
	.m-lg-3, .mx-lg-3, .mr-lg-3 { margin-right: 1rem; }
	.m-lg-3, .my-lg-3, .mt-lg-3 { margin-top: 1rem; }
	.m-lg-3, .my-lg-3, .mb-lg-3 { margin-bottom: 1rem; }
	.m-lg-4, .mx-lg-4, .ml-lg-4 { margin-left: 1.5rem; }
	.m-lg-4, .mx-lg-4, .mr-lg-4 { margin-right: 1.5rem; }
	.m-lg-4, .my-lg-4, .mt-lg-4 { margin-top: 1.5rem; }
	.m-lg-4, .my-lg-4, .mb-lg-4 { margin-bottom: 1.5rem; }
	.m-lg-5, .mx-lg-5, .ml-lg-5 { margin-left: 3rem; }
	.m-lg-5, .mx-lg-5, .mr-lg-5 { margin-right: 3rem; }
	.m-lg-5, .my-lg-5, .mt-lg-5 { margin-top: 3rem; }
	.m-lg-5, .my-lg-5, .mb-lg-5 { margin-bottom: 3rem; }

	.p-lg-auto, .px-lg-auto, .pl-lg-auto { padding-left: auto; }
	.p-lg-auto, .px-lg-auto, .pr-lg-auto { padding-right: auto; }
	.p-lg-auto, .py-lg-auto, .pt-lg-auto { padding-top: auto; }
	.p-lg-auto, .py-lg-auto, .pb-lg-auto { padding-bottom: auto; }
	.p-lg-0, .px-lg-0, .pl-lg-0 { padding-left: 0; }
	.p-lg-0, .px-lg-0, .pr-lg-0 { padding-right: 0; }
	.p-lg-0, .py-lg-0, .pt-lg-0 { padding-top: 0; }
	.p-lg-0, .py-lg-0, .pb-lg-0 { padding-bottom: 0; }
	.p-lg-1, .px-lg-1, .pl-lg-1 { padding-left: .25rem; }
	.p-lg-1, .px-lg-1, .pr-lg-1 { padding-right: .25rem; }
	.p-lg-1, .py-lg-1, .pt-lg-1 { padding-top: .25rem; }
	.p-lg-1, .py-lg-1, .pb-lg-1 { padding-bottom: .25rem; }
	.p-lg-2, .px-lg-2, .pl-lg-2 { padding-left: .5rem; }
	.p-lg-2, .px-lg-2, .pr-lg-2 { padding-right: .5rem; }
	.p-lg-2, .py-lg-2, .pt-lg-2 { padding-top: .5rem; }
	.p-lg-2, .py-lg-2, .pb-lg-2 { padding-bottom: .5rem; }
	.p-lg-3, .px-lg-3, .pl-lg-3 { padding-left: 1rem; }
	.p-lg-3, .px-lg-3, .pr-lg-3 { padding-right: 1rem; }
	.p-lg-3, .py-lg-3, .pt-lg-3 { padding-top: 1rem; }
	.p-lg-3, .py-lg-3, .pb-lg-3 { padding-bottom: 1rem; }
	.p-lg-4, .px-lg-4, .pl-lg-4 { padding-left: 1.5rem; }
	.p-lg-4, .px-lg-4, .pr-lg-4 { padding-right: 1.5rem; }
	.p-lg-4, .py-lg-4, .pt-lg-4 { padding-top: 1.5rem; }
	.p-lg-4, .py-lg-4, .pb-lg-4 { padding-bottom: 1.5rem; }
	.p-lg-5, .px-lg-5, .pl-lg-5 { padding-left: 3rem; }
	.p-lg-5, .px-lg-5, .pr-lg-5 { padding-right: 3rem; }
	.p-lg-5, .py-lg-5, .pt-lg-5 { padding-top: 3rem; }
	.p-lg-5, .py-lg-5, .pb-lg-5 { padding-bottom: 3rem; }
}
@media (min-width: 1280px) {
  .m-xl-auto, .mx-xl-auto, .ml-xl-auto { margin-left: auto; }
	.m-xl-auto, .mx-xl-auto, .mr-xl-auto { margin-right: auto; }
	.m-xl-auto, .my-xl-auto, .mt-xl-auto { margin-top: auto; }
	.m-xl-auto, .my-xl-auto, .mb-xl-auto { margin-bottom: auto; }
	.m-xl-0, .mx-xl-0, .ml-xl-0 { margin-left: 0; }
	.m-xl-0, .mx-xl-0, .mr-xl-0 { margin-right: 0; }
	.m-xl-0, .my-xl-0, .mt-xl-0 { margin-top: 0; }
	.m-xl-0, .my-xl-0, .mb-xl-0 { margin-bottom: 0; }
	.m-xl-1, .mx-xl-1, .ml-xl-1 { margin-left: .25rem; }
	.m-xl-1, .mx-xl-1, .mr-xl-1 { margin-right: .25rem; }
	.m-xl-1, .my-xl-1, .mt-xl-1 { margin-top: .25rem; }
	.m-xl-1, .my-xl-1, .mb-xl-1 { margin-bottom: .25rem; }
	.m-xl-2, .mx-xl-2, .ml-xl-2 { margin-left: .5rem; }
	.m-xl-2, .mx-xl-2, .mr-xl-2 { margin-right: .5rem; }
	.m-xl-2, .my-xl-2, .mt-xl-2 { margin-top: .5rem; }
	.m-xl-2, .my-xl-2, .mb-xl-2 { margin-bottom: .5rem; }
	.m-xl-3, .mx-xl-3, .ml-xl-3 { margin-left: 1rem; }
	.m-xl-3, .mx-xl-3, .mr-xl-3 { margin-right: 1rem; }
	.m-xl-3, .my-xl-3, .mt-xl-3 { margin-top: 1rem; }
	.m-xl-3, .my-xl-3, .mb-xl-3 { margin-bottom: 1rem; }
	.m-xl-4, .mx-xl-4, .ml-xl-4 { margin-left: 1.5rem; }
	.m-xl-4, .mx-xl-4, .mr-xl-4 { margin-right: 1.5rem; }
	.m-xl-4, .my-xl-4, .mt-xl-4 { margin-top: 1.5rem; }
	.m-xl-4, .my-xl-4, .mb-xl-4 { margin-bottom: 1.5rem; }
	.m-xl-5, .mx-xl-5, .ml-xl-5 { margin-left: 3rem; }
	.m-xl-5, .mx-xl-5, .mr-xl-5 { margin-right: 3rem; }
	.m-xl-5, .my-xl-5, .mt-xl-5 { margin-top: 3rem; }
	.m-xl-5, .my-xl-5, .mb-xl-5 { margin-bottom: 3rem; }

	.p-xl-auto, .px-xl-auto, .pl-xl-auto { padding-left: auto; }
	.p-xl-auto, .px-xl-auto, .pr-xl-auto { padding-right: auto; }
	.p-xl-auto, .py-xl-auto, .pt-xl-auto { padding-top: auto; }
	.p-xl-auto, .py-xl-auto, .pb-xl-auto { padding-bottom: auto; }
	.p-xl-0, .px-xl-0, .pl-xl-0 { padding-left: 0; }
	.p-xl-0, .px-xl-0, .pr-xl-0 { padding-right: 0; }
	.p-xl-0, .py-xl-0, .pt-xl-0 { padding-top: 0; }
	.p-xl-0, .py-xl-0, .pb-xl-0 { padding-bottom: 0; }
	.p-xl-1, .px-xl-1, .pl-xl-1 { padding-left: .25rem; }
	.p-xl-1, .px-xl-1, .pr-xl-1 { padding-right: .25rem; }
	.p-xl-1, .py-xl-1, .pt-xl-1 { padding-top: .25rem; }
	.p-xl-1, .py-xl-1, .pb-xl-1 { padding-bottom: .25rem; }
	.p-xl-2, .px-xl-2, .pl-xl-2 { padding-left: .5rem; }
	.p-xl-2, .px-xl-2, .pr-xl-2 { padding-right: .5rem; }
	.p-xl-2, .py-xl-2, .pt-xl-2 { padding-top: .5rem; }
	.p-xl-2, .py-xl-2, .pb-xl-2 { padding-bottom: .5rem; }
	.p-xl-3, .px-xl-3, .pl-xl-3 { padding-left: 1rem; }
	.p-xl-3, .px-xl-3, .pr-xl-3 { padding-right: 1rem; }
	.p-xl-3, .py-xl-3, .pt-xl-3 { padding-top: 1rem; }
	.p-xl-3, .py-xl-3, .pb-xl-3 { padding-bottom: 1rem; }
	.p-xl-4, .px-xl-4, .pl-xl-4 { padding-left: 1.5rem; }
	.p-xl-4, .px-xl-4, .pr-xl-4 { padding-right: 1.5rem; }
	.p-xl-4, .py-xl-4, .pt-xl-4 { padding-top: 1.5rem; }
	.p-xl-4, .py-xl-4, .pb-xl-4 { padding-bottom: 1.5rem; }
	.p-xl-5, .px-xl-5, .pl-xl-5 { padding-left: 3rem; }
	.p-xl-5, .px-xl-5, .pr-xl-5 { padding-right: 3rem; }
	.p-xl-5, .py-xl-5, .pt-xl-5 { padding-top: 3rem; }
	.p-xl-5, .py-xl-5, .pb-xl-5 { padding-bottom: 3rem; }
}
@media (min-width: 1536px) {
  .m-xxl-auto, .mx-xxl-auto, .ml-xxl-auto { margin-left: auto; }
	.m-xxl-auto, .mx-xxl-auto, .mr-xxl-auto { margin-right: auto; }
	.m-xxl-auto, .my-xxl-auto, .mt-xxl-auto { margin-top: auto; }
	.m-xxl-auto, .my-xxl-auto, .mb-xxl-auto { margin-bottom: auto; }
	.m-xxl-0, .mx-xxl-0, .ml-xxl-0 { margin-left: 0; }
	.m-xxl-0, .mx-xxl-0, .mr-xxl-0 { margin-right: 0; }
	.m-xxl-0, .my-xxl-0, .mt-xxl-0 { margin-top: 0; }
	.m-xxl-0, .my-xxl-0, .mb-xxl-0 { margin-bottom: 0; }
	.m-xxl-1, .mx-xxl-1, .ml-xxl-1 { margin-left: .25rem; }
	.m-xxl-1, .mx-xxl-1, .mr-xxl-1 { margin-right: .25rem; }
	.m-xxl-1, .my-xxl-1, .mt-xxl-1 { margin-top: .25rem; }
	.m-xxl-1, .my-xxl-1, .mb-xxl-1 { margin-bottom: .25rem; }
	.m-xxl-2, .mx-xxl-2, .ml-xxl-2 { margin-left: .5rem; }
	.m-xxl-2, .mx-xxl-2, .mr-xxl-2 { margin-right: .5rem; }
	.m-xxl-2, .my-xxl-2, .mt-xxl-2 { margin-top: .5rem; }
	.m-xxl-2, .my-xxl-2, .mb-xxl-2 { margin-bottom: .5rem; }
	.m-xxl-3, .mx-xxl-3, .ml-xxl-3 { margin-left: 1rem; }
	.m-xxl-3, .mx-xxl-3, .mr-xxl-3 { margin-right: 1rem; }
	.m-xxl-3, .my-xxl-3, .mt-xxl-3 { margin-top: 1rem; }
	.m-xxl-3, .my-xxl-3, .mb-xxl-3 { margin-bottom: 1rem; }
	.m-xxl-4, .mx-xxl-4, .ml-xxl-4 { margin-left: 1.5rem; }
	.m-xxl-4, .mx-xxl-4, .mr-xxl-4 { margin-right: 1.5rem; }
	.m-xxl-4, .my-xxl-4, .mt-xxl-4 { margin-top: 1.5rem; }
	.m-xxl-4, .my-xxl-4, .mb-xxl-4 { margin-bottom: 1.5rem; }
	.m-xxl-5, .mx-xxl-5, .ml-xxl-5 { margin-left: 3rem; }
	.m-xxl-5, .mx-xxl-5, .mr-xxl-5 { margin-right: 3rem; }
	.m-xxl-5, .my-xxl-5, .mt-xxl-5 { margin-top: 3rem; }
	.m-xxl-5, .my-xxl-5, .mb-xxl-5 { margin-bottom: 3rem; }

	.p-xxl-auto, .px-xxl-auto, .pl-xxl-auto { padding-left: auto; }
	.p-xxl-auto, .px-xxl-auto, .pr-xxl-auto { padding-right: auto; }
	.p-xxl-auto, .py-xxl-auto, .pt-xxl-auto { padding-top: auto; }
	.p-xxl-auto, .py-xxl-auto, .pb-xxl-auto { padding-bottom: auto; }
	.p-xxl-0, .px-xxl-0, .pl-xxl-0 { padding-left: 0; }
	.p-xxl-0, .px-xxl-0, .pr-xxl-0 { padding-right: 0; }
	.p-xxl-0, .py-xxl-0, .pt-xxl-0 { padding-top: 0; }
	.p-xxl-0, .py-xxl-0, .pb-xxl-0 { padding-bottom: 0; }
	.p-xxl-1, .px-xxl-1, .pl-xxl-1 { padding-left: .25rem; }
	.p-xxl-1, .px-xxl-1, .pr-xxl-1 { padding-right: .25rem; }
	.p-xxl-1, .py-xxl-1, .pt-xxl-1 { padding-top: .25rem; }
	.p-xxl-1, .py-xxl-1, .pb-xxl-1 { padding-bottom: .25rem; }
	.p-xxl-2, .px-xxl-2, .pl-xxl-2 { padding-left: .5rem; }
	.p-xxl-2, .px-xxl-2, .pr-xxl-2 { padding-right: .5rem; }
	.p-xxl-2, .py-xxl-2, .pt-xxl-2 { padding-top: .5rem; }
	.p-xxl-2, .py-xxl-2, .pb-xxl-2 { padding-bottom: .5rem; }
	.p-xxl-3, .px-xxl-3, .pl-xxl-3 { padding-left: 1rem; }
	.p-xxl-3, .px-xxl-3, .pr-xxl-3 { padding-right: 1rem; }
	.p-xxl-3, .py-xxl-3, .pt-xxl-3 { padding-top: 1rem; }
	.p-xxl-3, .py-xxl-3, .pb-xxl-3 { padding-bottom: 1rem; }
	.p-xxl-4, .px-xxl-4, .pl-xxl-4 { padding-left: 1.5rem; }
	.p-xxl-4, .px-xxl-4, .pr-xxl-4 { padding-right: 1.5rem; }
	.p-xxl-4, .py-xxl-4, .pt-xxl-4 { padding-top: 1.5rem; }
	.p-xxl-4, .py-xxl-4, .pb-xxl-4 { padding-bottom: 1.5rem; }
	.p-xxl-5, .px-xxl-5, .pl-xxl-5 { padding-left: 3rem; }
	.p-xxl-5, .px-xxl-5, .pr-xxl-5 { padding-right: 3rem; }
	.p-xxl-5, .py-xxl-5, .pt-xxl-5 { padding-top: 3rem; }
	.p-xxl-5, .py-xxl-5, .pb-xxl-5 { padding-bottom: 3rem; }
}

/* display properties */
.d-inline { display: inline; }
.d-block { display: block; }
.d-inlineblock { display: inline-block; }
.d-flex { display: flex; }
.d-none { display: none; }
@media (min-width: 576px) {
  .d-sm-inline { display: inline; }
	.d-sm-block { display: block; }
	.d-sm-inlineblock { display: inline-block; }
	.d-sm-flex { display: flex; }
	.d-sm-none { display: none; }
}
@media (min-width: 768px) {
  .d-md-inline { display: inline; }
	.d-md-block { display: block; }
	.d-md-inlineblock { display: inline-block; }
	.d-md-flex { display: flex; }
	.d-md-none { display: none; }
}
@media (min-width: 992px) {
  .d-lg-inline { display: inline; }
	.d-lg-block { display: block; }
	.d-lg-inlineblock { display: inline-block; }
	.d-lg-flex { display: flex; }
	.d-lg-none { display: none; }
}
@media (min-width: 1280px) {
  .d-xl-inline { display: inline; }
	.d-xl-block { display: block; }
	.d-xl-inlineblock { display: inline-block; }
	.d-xl-flex { display: flex; }
	.d-xl-none { display: none; }
}
@media (min-width: 1536px) {
  .d-xxl-inline { display: inline; }
	.d-xxl-block { display: block; }
	.d-xxl-inlineblock { display: inline-block; }
	.d-xxl-flex { display: flex; }
	.d-xxl-none { display: none; }
}


/* Width & Height */
.w-0 { width: 0%; }
.w-25 { width: 25%; }
.w-50 { width: 50%; }
.w-75 { width: 75%; }
.w-100 { width: 100%; }

.h-0 { height: 0%; }
.h-25 { height: 25%; }
.h-50 { height: 50%; }
.h-75 { height: 75%; }
.h-100 { height: 100%; }

@media (min-width: 576px) {
  .w-sm-0 { width: 0%; }
	.w-sm-25 { width: 25%; }
	.w-sm-50 { width: 50%; }
	.w-sm-75 { width: 75%; }
	.w-sm-100 { width: 100%; }

	.h-sm-0 { height: 0%; }
	.h-sm-25 { height: 25%; }
	.h-sm-50 { height: 50%; }
	.h-sm-75 { height: 75%; }
	.h-sm-100 { height: 100%; }
}
@media (min-width: 768px) {
  .w-md-0 { width: 0%; }
	.w-md-25 { width: 25%; }
	.w-md-50 { width: 50%; }
	.w-md-75 { width: 75%; }
	.w-md-100 { width: 100%; }

	.h-md-0 { height: 0%; }
	.h-md-25 { height: 25%; }
	.h-md-50 { height: 50%; }
	.h-md-75 { height: 75%; }
	.h-md-100 { height: 100%; }
}
@media (min-width: 992px) {
  .w-lg-0 { width: 0%; }
	.w-lg-25 { width: 25%; }
	.w-lg-50 { width: 50%; }
	.w-lg-75 { width: 75%; }
	.w-lg-100 { width: 100%; }

	.h-lg-0 { height: 0%; }
	.h-lg-25 { height: 25%; }
	.h-lg-50 { height: 50%; }
	.h-lg-75 { height: 75%; }
	.h-lg-100 { height: 100%; }
}
@media (min-width: 1280px) {
  .w-xl-0 { width: 0%; }
	.w-xl-25 { width: 25%; }
	.w-xl-50 { width: 50%; }
	.w-xl-75 { width: 75%; }
	.w-xl-100 { width: 100%; }

	.h-xl-0 { height: 0%; }
	.h-xl-25 { height: 25%; }
	.h-xl-50 { height: 50%; }
	.h-xl-75 { height: 75%; }
	.h-xl-100 { height: 100%; }
}
@media (min-width: 1536px) {
  .w-xxl-0 { width: 0%; }
	.w-xxl-25 { width: 25%; }
	.w-xxl-50 { width: 50%; }
	.w-xxl-75 { width: 75%; }
	.w-xxl-100 { width: 100%; }

	.h-xxl-0 { height: 0%; }
	.h-xxl-25 { height: 25%; }
	.h-xxl-50 { height: 50%; }
	.h-xxl-75 { height: 75%; }
	.h-xxl-100 { height: 100%; }
}

/* Flex Layout */
.flex-row { flex-direction: row; }
.flex-col { flex-direction: column; }
.flex-row-reversed { flex-direction: row-reverse; }
.flex-col-reversed { flex-direction: column-reverse; }

.flex-wrap { flex-wrap: wrap; }
.flex-nowrap { flex-wrap: nowrap; }
.flex-grow-0 { flex-grow: 0; }
.flex-grow-1 { flex-grow: 1; }
.flex-shrink-0 { flex-shrink: 0; }
.flex-shrink-1 { flex-shrink: 1; }

.justify-start { justify-content: flex-start; }
.justify-end { justify-content: flex-end; }
.justify-center { justify-content: center; }
.justify-around { justify-content: space-around; }
.justify-between { justify-content: space-between; }