/* Headers via https://patorjk.com/software/taag/#p=display&f=Doh */

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

#page-wrapper {
    flex-grow: 1;
    padding-top: calc(5*var(--spacer));
}

/*

                                                                                    bbbbbbbb
                                                             iiii                   b::::::b            lllllll
                                                            i::::i                  b::::::b            l:::::l
                                                             iiii                   b::::::b            l:::::l
                                                                                     b:::::b            l:::::l
vvvvvvv           vvvvvvvaaaaaaaaaaaaa  rrrrr   rrrrrrrrr  iiiiiii   aaaaaaaaaaaaa   b:::::bbbbbbbbb     l::::l     eeeeeeeeeeee        ssssssssss
 v:::::v         v:::::v a::::::::::::a r::::rrr:::::::::r i:::::i   a::::::::::::a  b::::::::::::::bb   l::::l   ee::::::::::::ee    ss::::::::::s
  v:::::v       v:::::v  aaaaaaaaa:::::ar:::::::::::::::::r i::::i   aaaaaaaaa:::::a b::::::::::::::::b  l::::l  e::::::eeeee:::::eess:::::::::::::s
   v:::::v     v:::::v            a::::arr::::::rrrrr::::::ri::::i            a::::a b:::::bbbbb:::::::b l::::l e::::::e     e:::::es::::::ssss:::::s
    v:::::v   v:::::v      aaaaaaa:::::a r:::::r     r:::::ri::::i     aaaaaaa:::::a b:::::b    b::::::b l::::l e:::::::eeeee::::::e s:::::s  ssssss
     v:::::v v:::::v     aa::::::::::::a r:::::r     rrrrrrri::::i   aa::::::::::::a b:::::b     b:::::b l::::l e:::::::::::::::::e    s::::::s
      v:::::v:::::v     a::::aaaa::::::a r:::::r            i::::i  a::::aaaa::::::a b:::::b     b:::::b l::::l e::::::eeeeeeeeeee        s::::::s
       v:::::::::v     a::::a    a:::::a r:::::r            i::::i a::::a    a:::::a b:::::b     b:::::b l::::l e:::::::e           ssssss   s:::::s
        v:::::::v      a::::a    a:::::a r:::::r           i::::::ia::::a    a:::::a b:::::bbbbbb::::::bl::::::le::::::::e          s:::::ssss::::::s
         v:::::v       a:::::aaaa::::::a r:::::r           i::::::ia:::::aaaa::::::a b::::::::::::::::b l::::::l e::::::::eeeeeeee  s::::::::::::::s
          v:::v         a::::::::::aa:::ar:::::r           i::::::i a::::::::::aa:::ab:::::::::::::::b  l::::::l  ee:::::::::::::e   s:::::::::::ss
           vvv           aaaaaaaaaa  aaaarrrrrrr           iiiiiiii  aaaaaaaaaa  aaaabbbbbbbbbbbbbbbb   llllllll    eeeeeeeeeeeeee    sssssssssss



Variables */

:root {
    --standard-horiz-spacer: 1.5rem;
    --standard-vert-spacer: 1.5rem;
    --spacer: 1.5rem;

    --jfi-red: #e61f00;
	--jfi-blue: #3f6bee;
    --jfi-purple: #572DFF;
	--white: #fff;
	--black: #000;

	--off-white: #FFFDFD;
    --light-red: rgba(222, 49, 49, 0.1);
    --light-blue: rgb(69,111,239, 0.06);

}


/*colors */

.off-white{
    background-color: var(--off-white);
}

.has-white-color {
	color: var(--white);
}

.has-white-background-color {
	background-color: var(--white);
}

.has-black-color {
	color: var(--black);
}

.has-black-background-color {
	background-color: var(--black);
}

.has-jfi-red-color {
	color: var(--jfi-red) !important;
}

.has-jfi-blue-color {
	color: var(--jfi-blue) !important;
}

.jfi-blue{
    color: var(--jfi-blue) !important;
}

.jfi-red{
    color: var(--jfi-red) !important;
}

.light-blue{
    background-color: var(--light-blue);
}


/* spacing*/

.justify-space-between {
    justify-content: space-between;
}

.justify-space-around {
    justify-content: space-around;
}

.justify-content-center{
    justify-content: center;
}

.justify-content-flex-end{
    justify-content: flex-end;
}

.justify-space-evenly{
    justify-content: space-evenly;
}


.align-items-center{
 align-items:center;
}

.align-items-baseline{
    align-items: baseline;
}

.align-items-flex-start{
 align-items:flex-start;
}

.place-items-center{
    place-items:center;
 }

 .place-content-center{
    place-content:center;
 }

.place-self-center{
    place-self:center;
}

 .align-self-end{
    align-self: end;
   }

   .align-self-center{
    align-self: center;
   }

.centered {
	margin: 0 auto;
}

/*

                                                           dddddddd
                                         iiii              d::::::d
                                        i::::i             d::::::d
                                         iiii              d::::::d
                                                           d:::::d
   ggggggggg   gggggrrrrr   rrrrrrrrr  iiiiiii     ddddddddd:::::d
  g:::::::::ggg::::gr::::rrr:::::::::r i:::::i   dd::::::::::::::d
 g:::::::::::::::::gr:::::::::::::::::r i::::i  d::::::::::::::::d
g::::::ggggg::::::ggrr::::::rrrrr::::::ri::::i d:::::::ddddd:::::d
g:::::g     g:::::g  r:::::r     r:::::ri::::i d::::::d    d:::::d
g:::::g     g:::::g  r:::::r     rrrrrrri::::i d:::::d     d:::::d
g:::::g     g:::::g  r:::::r            i::::i d:::::d     d:::::d
g::::::g    g:::::g  r:::::r            i::::i d:::::d     d:::::d
g:::::::ggggg:::::g  r:::::r           i::::::id::::::ddddd::::::dd
 g::::::::::::::::g  r:::::r           i::::::i d:::::::::::::::::d
  gg::::::::::::::g  r:::::r           i::::::i  d:::::::::ddd::::d
    gggggggg::::::g  rrrrrrr           iiiiiiii   ddddddddd   ddddd
            g:::::g
gggggg      g:::::g
g:::::gg   gg:::::g
 g::::::ggg:::::::g
  gg:::::::::::::g
    ggg::::::ggg
       gggggg

*/

/*grid*/

.d-grid{
display: grid;
grid-template-columns: repeat(12, 1fr);
margin: 0 auto;
}


.grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
margin: 0 auto;
}

.grid-gap {
    grid-row-gap: calc(3*var(--spacer));
}




/*flex*/


.flex-gap{
    gap:var(--spacer);
}

.flex-auto{
    flex-basis:auto;
}

.flex-1{
    flex-grow: 1;
}

.flex-2{
    flex: 2;
}

.flex-row-gap{
 gap: calc((100% / 12)*1);
}

.flex-column-gap{
    gap: calc((100% / 12)*1);
}

.flex-wrap {
    flex-wrap: wrap!important;
}

.two-up-grid{
    display: flex;
}

.two-up-grid
    > div {
        flex: 1;
    }



/*


                             tttt
                          ttt:::t
                          t:::::t
                          t:::::t
    eeeeeeeeeeee    ttttttt:::::ttttttt        cccccccccccccccc
  ee::::::::::::ee  t:::::::::::::::::t      cc:::::::::::::::c
 e::::::eeeee:::::eet:::::::::::::::::t     c:::::::::::::::::c
e::::::e     e:::::etttttt:::::::tttttt    c:::::::cccccc:::::c
e:::::::eeeee::::::e      t:::::t          c::::::c     ccccccc
e:::::::::::::::::e       t:::::t          c:::::c
e::::::eeeeeeeeeee        t:::::t          c:::::c
e:::::::e                 t:::::t    ttttttc::::::c     ccccccc
e::::::::e                t::::::tttt:::::tc:::::::cccccc:::::c
 e::::::::eeeeeeee        tt::::::::::::::t c:::::::::::::::::c ......
  ee:::::::::::::e          tt:::::::::::tt  cc:::::::::::::::c .::::.
    eeeeeeeeeeeeee            ttttttttttt      cccccccccccccccc ......







*/
  a:-webkit-any-link {
    color: inherit;
    cursor: pointer;

}

a.standard-link, .standard-link a{
    color: inherit;
    cursor: pointer;
    border-bottom: 1px solid;
    text-decoration: none !important;
    line-height: inherit;
}

a.standard-link:hover, .standard-link a:hover{
    color: inherit;
    cursor: pointer;
    border-bottom: 1px transparent;
    text-decoration: none !important;
}

/*opacity hover */

.hover-fade a:hover,
.hover-fade:hover{
    opacity:0.75 !important;
}






/*

            dddddddd
            d::::::d  iiii                                       lllllll
            d::::::d i::::i                                      l:::::l
            d::::::d  iiii                                       l:::::l
            d:::::d                                              l:::::l
    ddddddddd:::::d iiiiiii     ssssssssss   ppppp   ppppppppp    l::::l   aaaaaaaaaaaaayyyyyyy           yyyyyyy
  dd::::::::::::::d i:::::i   ss::::::::::s  p::::ppp:::::::::p   l::::l   a::::::::::::ay:::::y         y:::::y
 d::::::::::::::::d  i::::i ss:::::::::::::s p:::::::::::::::::p  l::::l   aaaaaaaaa:::::ay:::::y       y:::::y
d:::::::ddddd:::::d  i::::i s::::::ssss:::::spp::::::ppppp::::::p l::::l            a::::a y:::::y     y:::::y
d::::::d    d:::::d  i::::i  s:::::s  ssssss  p:::::p     p:::::p l::::l     aaaaaaa:::::a  y:::::y   y:::::y
d:::::d     d:::::d  i::::i    s::::::s       p:::::p     p:::::p l::::l   aa::::::::::::a   y:::::y y:::::y
d:::::d     d:::::d  i::::i       s::::::s    p:::::p     p:::::p l::::l  a::::aaaa::::::a    y:::::y:::::y
d:::::d     d:::::d  i::::i ssssss   s:::::s  p:::::p    p::::::p l::::l a::::a    a:::::a     y:::::::::y
d::::::ddddd::::::ddi::::::is:::::ssss::::::s p:::::ppppp:::::::pl::::::la::::a    a:::::a      y:::::::y
 d:::::::::::::::::di::::::is::::::::::::::s  p::::::::::::::::p l::::::la:::::aaaa::::::a       y:::::y
  d:::::::::ddd::::di::::::i s:::::::::::ss   p::::::::::::::pp  l::::::l a::::::::::aa:::a     y:::::y
   ddddddddd   dddddiiiiiiii  sssssssssss     p::::::pppppppp    llllllll  aaaaaaaaaa  aaaa    y:::::y
                                              p:::::p                                         y:::::y
                                              p:::::p                                        y:::::y
                                             p:::::::p                                      y:::::y
                                             p:::::::p                                     y:::::y
                                             p:::::::p                                    yyyyyyy
                                             ppppppppp

Display

*/

.d-block {
    display: block;
}

.d-inline {
    display: inline;
}

.d-inline-block {
    display: inline-block;
}

.d-grid {
    display: grid;
}

.d-flex {
    display: flex;
}

.flex-row {
    flex-direction: row;
}

.flex-column {
    flex-direction: column;
}

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

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

.position-relative{
    position:relative;
}



.equal-col {
    flex-basis: 50%;
}

@media screen and (min-width: 992px) {

    .flex-row-lg {
        flex-direction: row;
    }

}

/*

                                                             dddddddd
                                           iiii              d::::::d        tttt         hhhhhhh
                                          i::::i             d::::::d     ttt:::t         h:::::h
                                           iiii              d::::::d     t:::::t         h:::::h
                                                             d:::::d      t:::::t         h:::::h
wwwwwww           wwwww           wwwwwwwiiiiiii     ddddddddd:::::dttttttt:::::ttttttt    h::::h hhhhh
 w:::::w         w:::::w         w:::::w i:::::i   dd::::::::::::::dt:::::::::::::::::t    h::::hh:::::hhh
  w:::::w       w:::::::w       w:::::w   i::::i  d::::::::::::::::dt:::::::::::::::::t    h::::::::::::::hh
   w:::::w     w:::::::::w     w:::::w    i::::i d:::::::ddddd:::::dtttttt:::::::tttttt    h:::::::hhh::::::h
    w:::::w   w:::::w:::::w   w:::::w     i::::i d::::::d    d:::::d      t:::::t          h::::::h   h::::::h
     w:::::w w:::::w w:::::w w:::::w      i::::i d:::::d     d:::::d      t:::::t          h:::::h     h:::::h
      w:::::w:::::w   w:::::w:::::w       i::::i d:::::d     d:::::d      t:::::t          h:::::h     h:::::h
       w:::::::::w     w:::::::::w        i::::i d:::::d     d:::::d      t:::::t    tttttth:::::h     h:::::h
        w:::::::w       w:::::::w        i::::::id::::::ddddd::::::dd     t::::::tttt:::::th:::::h     h:::::h
         w:::::w         w:::::w         i::::::i d:::::::::::::::::d     tt::::::::::::::th:::::h     h:::::h
          w:::w           w:::w          i::::::i  d:::::::::ddd::::d       tt:::::::::::tth:::::h     h:::::h
           www             www           iiiiiiii   ddddddddd   ddddd         ttttttttttt  hhhhhhh     hhhhhhh

Width (Limits, etc.)

*/

.max-width-container {
    width: 100%;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}

.width-100 {
    width: 100%;
}

.width-75{
    width: 75%;
}

.width-50{
    width: 50%;
}

.width-fit {
    width: fit-content !important;
    -ms-width: fit-content !important;;
    -webkit-width: fit-content !important;;
}

.height-auto {
    height: auto;
}

.max-height-40{
    max-height:40vh;
}

.max-height-90{
    max-height:90vh;
}

@media screen and (min-width: 992px) {
    .width-100-lg {
        width: 100%;
    }

    .width-75-lg {
        width: 75%;
    }

    .width-50-lg {
        width: 50%;
    }

    .width-auto-lg {
        width: auto;
    }
}





/*flexbox width replicating 12-column grid widths*/

.col-1{
    width: calc((100% / 12)*1);
}

.col-2{
    width: calc((100% / 12)*2);
}

.col-3{
    width: calc((100% / 12)*3);
}

.col-4{
    width: calc((100% / 12)*4);
}

.col-5{
    width: calc((100% / 12)*5);
}

.col-6{
    width: calc((100% / 12)*6);
}

.col-7{
    width: calc((100% / 12)*7);
}

.col-8{
    width: calc((100% / 12)*8);
}

.col-9{
    width: calc((100% / 12)*9);
}

.col-10{
    width: calc((100% / 12)*10);
}

.col-11{
    width: calc((100% / 12)*11);
}

.col-12{
    width: calc((100% / 12)*12);
}


/*

                                                                                   iiii
                                                                                  i::::i
                                                                                   iiii

   mmmmmmm    mmmmmmm     aaaaaaaaaaaaa  rrrrr   rrrrrrrrr      ggggggggg   gggggiiiiiiinnnn  nnnnnnnn        ssssssssss
 mm:::::::m  m:::::::mm   a::::::::::::a r::::rrr:::::::::r    g:::::::::ggg::::gi:::::in:::nn::::::::nn    ss::::::::::s
m::::::::::mm::::::::::m  aaaaaaaaa:::::ar:::::::::::::::::r  g:::::::::::::::::g i::::in::::::::::::::nn ss:::::::::::::s
m::::::::::::::::::::::m           a::::arr::::::rrrrr::::::rg::::::ggggg::::::gg i::::inn:::::::::::::::ns::::::ssss:::::s
m:::::mmm::::::mmm:::::m    aaaaaaa:::::a r:::::r     r:::::rg:::::g     g:::::g  i::::i  n:::::nnnn:::::n s:::::s  ssssss
m::::m   m::::m   m::::m  aa::::::::::::a r:::::r     rrrrrrrg:::::g     g:::::g  i::::i  n::::n    n::::n   s::::::s
m::::m   m::::m   m::::m a::::aaaa::::::a r:::::r            g:::::g     g:::::g  i::::i  n::::n    n::::n      s::::::s
m::::m   m::::m   m::::ma::::a    a:::::a r:::::r            g::::::g    g:::::g  i::::i  n::::n    n::::nssssss   s:::::s
m::::m   m::::m   m::::ma::::a    a:::::a r:::::r            g:::::::ggggg:::::g i::::::i n::::n    n::::ns:::::ssss::::::s
m::::m   m::::m   m::::ma:::::aaaa::::::a r:::::r             g::::::::::::::::g i::::::i n::::n    n::::ns::::::::::::::s
m::::m   m::::m   m::::m a::::::::::aa:::ar:::::r              gg::::::::::::::g i::::::i n::::n    n::::n s:::::::::::ss
mmmmmm   mmmmmm   mmmmmm  aaaaaaaaaa  aaaarrrrrrr                gggggggg::::::g iiiiiiii nnnnnn    nnnnnn  sssssssssss
                                                                         g:::::g
                                                             gggggg      g:::::g
                                                             g:::::gg   gg:::::g
                                                              g::::::ggg:::::::g
                                                               gg:::::::::::::g
                                                                 ggg::::::ggg
                                                                    gggggg

Margins

*/

/*custom column margin utility classes*/

.ml-auto {
    margin-left: auto !important;
}

.mr-auto {
    margin-right: auto !important;
}

.mt-auto {
    margin-top: auto !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

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

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

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

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

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

.mr-quarter{
    margin-right: 0.25rem;
}

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

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

.mx-half {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
}

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

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

.my-half {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


@media screen and (min-width: 992px) {

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

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

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

    }

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

    }

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

    }

}

@media screen and (min-width: 1440px) {

    .mr-lg-4 {
        margin-right: calc(4.75*var(--spacer)) !important;

    }

    .ml-lg-4 {
        margin-left: calc(4.75*var(--spacer)) !important;

    }


}



/*

                                                dddddddd            dddddddd
                                                 d::::::d            d::::::d  iiii
                                                 d::::::d            d::::::d i::::i
                                                 d::::::d            d::::::d  iiii
                                                 d:::::d             d:::::d
ppppp   ppppppppp     aaaaaaaaaaaaa      ddddddddd:::::d     ddddddddd:::::d iiiiiiinnnn  nnnnnnnn       ggggggggg   ggggg
p::::ppp:::::::::p    a::::::::::::a   dd::::::::::::::d   dd::::::::::::::d i:::::in:::nn::::::::nn    g:::::::::ggg::::g
p:::::::::::::::::p   aaaaaaaaa:::::a d::::::::::::::::d  d::::::::::::::::d  i::::in::::::::::::::nn  g:::::::::::::::::g
pp::::::ppppp::::::p           a::::ad:::::::ddddd:::::d d:::::::ddddd:::::d  i::::inn:::::::::::::::ng::::::ggggg::::::gg
 p:::::p     p:::::p    aaaaaaa:::::ad::::::d    d:::::d d::::::d    d:::::d  i::::i  n:::::nnnn:::::ng:::::g     g:::::g
 p:::::p     p:::::p  aa::::::::::::ad:::::d     d:::::d d:::::d     d:::::d  i::::i  n::::n    n::::ng:::::g     g:::::g
 p:::::p     p:::::p a::::aaaa::::::ad:::::d     d:::::d d:::::d     d:::::d  i::::i  n::::n    n::::ng:::::g     g:::::g
 p:::::p    p::::::pa::::a    a:::::ad:::::d     d:::::d d:::::d     d:::::d  i::::i  n::::n    n::::ng::::::g    g:::::g
 p:::::ppppp:::::::pa::::a    a:::::ad::::::ddddd::::::ddd::::::ddddd::::::ddi::::::i n::::n    n::::ng:::::::ggggg:::::g
 p::::::::::::::::p a:::::aaaa::::::a d:::::::::::::::::d d:::::::::::::::::di::::::i n::::n    n::::n g::::::::::::::::g
 p::::::::::::::pp   a::::::::::aa:::a d:::::::::ddd::::d  d:::::::::ddd::::di::::::i n::::n    n::::n  gg::::::::::::::g
 p::::::pppppppp      aaaaaaaaaa  aaaa  ddddddddd   ddddd   ddddddddd   dddddiiiiiiii nnnnnn    nnnnnn    gggggggg::::::g
 p:::::p                                                                                                          g:::::g
 p:::::p                                                                                              gggggg      g:::::g
p:::::::p                                                                                             g:::::gg   gg:::::g
p:::::::p                                                                                              g::::::ggg:::::::g
p:::::::p                                                                                               gg:::::::::::::g
ppppppppp                                                                                                 ggg::::::ggg
                                                                                                             gggggg

Padding

*/

.pt-quarter{
    padding-top: 0.25rem;
}

.pb-quarter{
    padding-bottom: 0.25rem;
}

.pr-quarter{
    padding-right: 0.25rem;
}

.pl-quarter{
    padding-left:0.25rem;
}

.pt-half{
    padding-top: 0.5rem;
}

.pb-half{
    padding-bottom: 0.5rem;
}

.pr-half{
    padding-right: 0.5rem;
}

.pl-half{
    padding-left:0.5rem;
}

.py-half {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}




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

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

.px-1 {
    padding-left: 1rem;
    padding-right: 1rem;
}

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


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

.py-1 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

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

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

.px-2 {
    padding-left: 2rem;
    padding-right: 2rem;
}

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

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

.py-2 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

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

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

.px-3 {
    padding-left: 3rem;
    padding-right: 3rem;
}

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

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

.py-3 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

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

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

.px-4 {
    padding-left: 4rem;
    padding-right: 4rem;
}

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

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

.py-4 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

@media screen and (min-width: 991px) {
    .pr-1-lg {
        padding-right: 1rem;
    }

    .pl-1-lg {
        padding-left: 1rem;
    }

    .pl-4-lg {
        padding-left: 4rem;
    }

    .px-2-lg {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

/*

                                                                tttt                                                         tttt
                                                             ttt:::t                                                      ttt:::t
                                                             t:::::t                                                      t:::::t
                                                             t:::::t                                                      t:::::t
    cccccccccccccccc   ooooooooooo   nnnn  nnnnnnnn    ttttttt:::::ttttttt        eeeeeeeeeeee    nnnn  nnnnnnnn    ttttttt:::::ttttttt
  cc:::::::::::::::c oo:::::::::::oo n:::nn::::::::nn  t:::::::::::::::::t      ee::::::::::::ee  n:::nn::::::::nn  t:::::::::::::::::t
 c:::::::::::::::::co:::::::::::::::on::::::::::::::nn t:::::::::::::::::t     e::::::eeeee:::::een::::::::::::::nn t:::::::::::::::::t
c:::::::cccccc:::::co:::::ooooo:::::onn:::::::::::::::ntttttt:::::::tttttt    e::::::e     e:::::enn:::::::::::::::ntttttt:::::::tttttt
c::::::c     ccccccco::::o     o::::o  n:::::nnnn:::::n      t:::::t          e:::::::eeeee::::::e  n:::::nnnn:::::n      t:::::t
c:::::c             o::::o     o::::o  n::::n    n::::n      t:::::t          e:::::::::::::::::e   n::::n    n::::n      t:::::t
c:::::c             o::::o     o::::o  n::::n    n::::n      t:::::t          e::::::eeeeeeeeeee    n::::n    n::::n      t:::::t
c::::::c     ccccccco::::o     o::::o  n::::n    n::::n      t:::::t    tttttte:::::::e             n::::n    n::::n      t:::::t    tttttt
c:::::::cccccc:::::co:::::ooooo:::::o  n::::n    n::::n      t::::::tttt:::::te::::::::e            n::::n    n::::n      t::::::tttt:::::t
 c:::::::::::::::::co:::::::::::::::o  n::::n    n::::n      tt::::::::::::::t e::::::::eeeeeeee    n::::n    n::::n      tt::::::::::::::t
  cc:::::::::::::::c oo:::::::::::oo   n::::n    n::::n        tt:::::::::::tt  ee:::::::::::::e    n::::n    n::::n        tt:::::::::::tt
    cccccccccccccccc   ooooooooooo     nnnnnn    nnnnnn          ttttttttttt      eeeeeeeeeeeeee    nnnnnn    nnnnnn          ttttttttttt

Content

*/



.comments-closed, .nocomments {
    display: none;
  }

.border-none {
    border: none;
}

.p-relative {
    position: relative;;
}