/* ========= SPACING =========== */
.m-1 { margin: 5px; }

.m-2 { margin: 10px; }

.m-3 { margin: 20px; }

.my-1 { margin-top: 5px; margin-bottom: 5px; }

.my-2 { margin-top: 10px; margin-bottom: 10px; }

.my-3 { margin-top: 20px; margin-bottom: 20px; }

.mx-1 { margin-left: 5px; margin-right: 5px; }

.mx-2 { margin-left: 10px; margin-right: 10px; }

.mx-3 { margin-left: 20px; margin-right: 20px; }

.mt-1 { margin-top: 5px; }

.mb-1 { margin-bottom: 5px; }

.ml-1 { margin-left: 5px; }

.mr-1 { margin-right: 5px; }

.mt-2 { margin-top: 10px; }

.mb-2 { margin-bottom: 10px; }

.ml-2 { margin-left: 10px; }

.mr-2 { margin-right: 10px; }

.mt-3 { margin-top: 20px; }

.mb-3 { margin-bottom: 20px; }

.ml-3 { margin-left: 20px; }

.mr-3 { margin-right: 20px; }

.p-1 { padding: 5px; }

.p-2 { padding: 10px; }

.p-3 { padding: 20px; }

.py-1 { padding-top: 5px; padding-bottom: 5px; }

.py-2 { padding-top: 10px; padding-bottom: 10px; }

.py-3 { padding-top: 20px; padding-bottom: 20px; }

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

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

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

.pt-1 { padding-top: 5px; }

.pb-1 { padding-bottom: 5px; }

.pl-1 { padding-left: 5px; }

.pr-1 { padding-right: 5px; }

.pt-2 { padding-top: 10px; }

.pb-2 { padding-bottom: 10px; }

.pl-2 { padding-left: 10px; }

.pr-2 { padding-right: 10px; }

.pt-3 { padding-top: 20px; }

.pb-3 { padding-bottom: 20px; }

.pl-3 { padding-left: 20px; }

.pr-3 { padding-right: 20px; }

.p-mini { padding: 30px; }

.py-mini { padding-top: 30px; padding-bottom: 30px; }

.px-mini { padding-left: 30px; padding-right: 30px; }

.pl-mini { padding-left: 30px; }

.pr-mini { padding-right: 30px; }

.pt-mini { padding-top: 30px; }

.pb-mini { padding-bottom: 30px; }

.m-mini { padding: 30px; }

.my-mini { margin-top: 30px; margin-bottom: 30px; }

.mx-mini { margin-left: 30px; margin-right: 30px; }

.ml-mini { margin-left: 30px; }

.mr-mini { margin-right: 30px; }

.mt-mini { margin-top: 30px; }

.mb-mini { margin-bottom: 30px; }

.p-sml { padding: 3vw; }

.py-sml { padding-top: 3vw; padding-bottom: 3vw; }

.px-sml { padding-left: 3vw; padding-right: 3vw; }

.pl-sml { padding-left: 3vw; }

.pr-sml { padding-right: 3vw; }

.pt-sml { padding-top: 3vw; }

.pb-sml { padding-bottom: 3vw; }

.m-sml { padding: 3vw; }

.my-sml { margin-top: 3vw; margin-bottom: 3vw; }

.mx-sml { margin-left: 3vw; margin-right: 3vw; }

.ml-sml { margin-left: 3vw; }

.mr-sml { margin-right: 3vw; }

.mt-sml { margin-top: 3vw; }

.mb-sml { margin-bottom: 3vw; }

.p-med { padding: 6vw; }

.py-med { padding-top: 6vw; padding-bottom: 6vw; }

.px-med { padding-left: 6vw; padding-right: 6vw; }

.pl-med { padding-left: 6vw; }

.pr-med { padding-right: 6vw; }

.pt-med { padding-top: 6vw; }

.pb-med { padding-bottom: 6vw; }

.m-med { padding: 6vw; }

.my-med { margin-top: 6vw; margin-bottom: 6vw; }

.mx-med { margin-left: 6vw; margin-right: 6vw; }

.ml-med { margin-left: 6vw; }

.mr-med { margin-right: 6vw; }

.mt-med { margin-top: 6vw; }

.mb-med { margin-bottom: 6vw; }

.p-lrg { padding: 8vw; }

.py-lrg { padding-top: 8vw; padding-bottom: 8vw; }

.px-lrg { padding-left: 8vw; padding-right: 8vw; }

.pl-lrg { padding-left: 8vw; }

.pr-lrg { padding-right: 8vw; }

.pt-lrg { padding-top: 8vw; }

.pb-lrg { padding-bottom: 8vw; }

.m-lrg { padding: 8vw; }

.my-lrg { margin-top: 8vw; margin-bottom: 8vw; }

.mx-lrg { margin-left: 8vw; margin-right: 8vw; }

.ml-lrg { margin-left: 8vw; }

.mr-lrg { margin-right: 8vw; }

.mt-lrg { margin-top: 8vw; }

.mb-lrg { margin-bottom: 8vw; }

.mh-200 { min-height: 200px; }

.mh-300 { min-height: 300px; }

.mh-400 { min-height: 400px; }

.mh-500 { min-height: 500px; }

.maxh-400 { max-height: 400px !important; }

.maxh-600 { max-height: 600px !important; }

.maxh-800 { max-height: 800px !important; }

.maxw-500 { max-width: 500px !important; }

.boxheight-5 { height: 50vw; }

.boxheight-3 { height: 30vw; }

.boxheight-2 { height: 20vw; }

@media (min-width: 760px) { .boxheight-sm-5 { height: 50vw !important; }
  .boxheight-sm-3 { height: 30vw !important; }
  .boxheight-sm-2 { height: 20vw !important; }
  .p-sm-sml { padding: 3vw; }
  .py-sm-sml { padding-top: 3vw; padding-bottom: 3vw; }
  .px-sm-sml { padding-left: 3vw; padding-right: 3vw; }
  .pl-sm-sml { padding-left: 3vw; }
  .pr-sm-sml { padding-right: 3vw; }
  .pt-sm-sml { padding-top: 3vw; }
  .pb-sm-sml { padding-bottom: 3vw; }
  .m-sm-sml { padding: 3vw; }
  .my-sm-sml { margin-top: 3vw; margin-bottom: 3vw; }
  .mx-sm-sml { margin-left: 3vw; margin-right: 3vw; }
  .ml-sm-sml { margin-left: 3vw; }
  .mr-sm-sml { margin-right: 3vw; }
  .mt-sm-sml { margin-top: 3vw; }
  .mb-sm-sml { margin-bottom: 3vw; }
  .p-sm-med { padding: 6vw; }
  .py-sm-med { padding-top: 6vw; padding-bottom: 6vw; }
  .px-sm-med { padding-left: 6vw; padding-right: 6vw; }
  .pl-sm-med { padding-left: 6vw; }
  .pr-sm-med { padding-right: 6vw; }
  .pt-sm-med { padding-top: 6vw; }
  .pb-sm-med { padding-bottom: 6vw; }
  .m-sm-med { padding: 6vw; }
  .my-sm-med { margin-top: 6vw; margin-bottom: 6vw; }
  .mx-sm-med { margin-left: 6vw; margin-right: 6vw; }
  .ml-sm-med { margin-left: 6vw; }
  .mr-sm-med { margin-right: 6vw; }
  .mt-sm-med { margin-top: 6vw; }
  .mb-sm-med { margin-bottom: 6vw; } }
@media (min-width: 992px) { .boxheight-md-5 { height: 50vw !important; }
  .boxheight-md-3 { height: 30vw !important; }
  .boxheight-md-2 { height: 20vw !important; }
  .p-md-sml { padding: 3vw; }
  .py-md-sml { padding-top: 3vw; padding-bottom: 3vw; }
  .px-md-sml { padding-left: 3vw; padding-right: 3vw; }
  .pl-md-sml { padding-left: 3vw; }
  .pr-md-sml { padding-right: 3vw; }
  .pt-md-sml { padding-top: 3vw; }
  .pb-md-sml { padding-bottom: 3vw; }
  .m-md-sml { padding: 3vw; }
  .my-md-sml { margin-top: 3vw; margin-bottom: 3vw; }
  .mx-md-sml { margin-left: 3vw; margin-right: 3vw; }
  .ml-md-sml { margin-left: 3vw; }
  .mr-md-sml { margin-right: 3vw; }
  .mt-md-sml { margin-top: 3vw; }
  .mb-md-sml { margin-bottom: 3vw; }
  .p-md-med { padding: 6vw; }
  .py-md-med { padding-top: 6vw; padding-bottom: 6vw; }
  .px-md-med { padding-left: 6vw; padding-right: 6vw; }
  .pl-md-med { padding-left: 6vw; }
  .pr-md-med { padding-right: 6vw; }
  .pt-md-med { padding-top: 6vw; }
  .pb-md-med { padding-bottom: 6vw; }
  .m-md-med { padding: 6vw; }
  .my-md-med { margin-top: 6vw; margin-bottom: 6vw; }
  .mx-md-med { margin-left: 6vw; margin-right: 6vw; }
  .ml-md-med { margin-left: 6vw; }
  .mr-md-med { margin-right: 6vw; }
  .mt-md-med { margin-top: 6vw; }
  .mb-md-med { margin-bottom: 6vw; } }
/* Limit for Lagre screens */
@media (min-width: 1200px) { .pl-lg-sml { padding-left: 3vw !important; }
  .pr-lg-sml { padding-right: 3vw !important; }
  .boxheight-lg-5 { height: 50vw !important; }
  .boxheight-lg-3 { height: 30vw !important; }
  .boxheight-lg-2 { height: 20vw !important; }
  .p-sml { padding: 50px !important; }
  .py-sml { padding-top: 50px !important; padding-bottom: 50px !important; }
  .px-sml { padding-left: 50px !important; padding-right: 50px !important; }
  .pl-sml { padding-left: 50px !important; }
  .pr-sml { padding-right: 50px !important; }
  .pt-sml { padding-top: 50px !important; }
  .pb-sml { padding-bottom: 50px !important; }
  .p-md-sml { padding: 50px !important; }
  .py-md-sml { padding-top: 50px !important; padding-bottom: 50px !important; }
  .px-md-sml { padding-left: 50px !important; padding-right: 50px !important; }
  .pl-md-sml { padding-left: 50px !important; }
  .pr-md-sml { padding-right: 50px !important; }
  .pt-md-sml { padding-top: 50px !important; }
  .pb-md-sml { padding-bottom: 50px !important; }
  .m-md-sml { padding: 50px !important; }
  .my-md-sml { margin-top: 50px !important; margin-bottom: 50px !important; }
  .mx-md-sml { margin-left: 50px !important; margin-right: 50px !important; }
  .ml-md-sml { margin-left: 50px !important; }
  .mr-md-sml { margin-right: 50px !important; }
  .mt-md-sml { margin-top: 50px !important; }
  .mb-md-sml { margin-bottom: 50px !important; }
  .p-md-med { padding: 100px !important; }
  .py-md-med { padding-top: 100px !important; padding-bottom: 100px !important; }
  .px-md-med { padding-left: 100px !important; padding-right: 100px !important; }
  .pl-md-med { padding-left: 100px !important; }
  .pr-md-med { padding-right: 100px !important; }
  .pt-md-med { padding-top: 100px !important; }
  .pb-md-med { padding-bottom: 100px !important; }
  .m-md-med { padding: 100px !important; }
  .my-md-med { margin-top: 100px !important; margin-bottom: 100px !important; }
  .mx-md-med { margin-left: 100px !important; margin-right: 100px !important; }
  .ml-md-med { margin-left: 100px !important; }
  .mr-md-med { margin-right: 100px !important; }
  .mt-md-med { margin-top: 100px !important; }
  .mb-md-med { margin-bottom: 100px !important; }
  .p-lg-sml { padding: 50px !important; }
  .py-lg-sml { padding-top: 50px !important; padding-bottom: 50px !important; }
  .px-lg-sml { padding-left: 50px !important; padding-right: 50px !important; }
  .pl-lg-sml { padding-left: 50px !important; }
  .pr-lg-sml { padding-right: 50px !important; }
  .pt-lg-sml { padding-top: 50px !important; }
  .pb-lg-sml { padding-bottom: 50px !important; }
  .m-lg-mini { padding: 25px !important; }
  .my-lg-mini { margin-top: 25px !important; margin-bottom: 25px !important; }
  .mx-lg-mini { margin-left: 25px !important; margin-right: 25px !important; }
  .ml-lg-mini { margin-left: 25px !important; }
  .mr-lg-mini { margin-right: 25px !important; }
  .mt-lg-mini { margin-top: 25px !important; }
  .mb-lg-mini { margin-bottom: 25px !important; }
  .m-lg-sml { padding: 50px !important; }
  .my-lg-sml { margin-top: 50px !important; margin-bottom: 50px !important; }
  .mx-lg-sml { margin-left: 50px !important; margin-right: 50px !important; }
  .ml-lg-sml { margin-left: 50px !important; }
  .mr-lg-sml { margin-right: 50px !important; }
  .mt-lg-sml { margin-top: 50px !important; }
  .mb-lg-sml { margin-bottom: 50px !important; }
  .p-lg-med { padding: 100px !important; }
  .py-lg-med { padding-top: 100px !important; padding-bottom: 100px !important; }
  .px-lg-med { padding-left: 100px !important; padding-right: 100px !important; }
  .pl-lg-med { padding-left: 100px !important; }
  .pr-lg-med { padding-right: 100px !important; }
  .pt-lg-med { padding-top: 100px !important; }
  .pb-lg-med { padding-bottom: 100px !important; }
  .m-lg-med { padding: 100px !important; }
  .my-lg-med { margin-top: 100px !important; margin-bottom: 100px !important; }
  .mx-lg-med { margin-left: 100px !important; margin-right: 100px !important; }
  .ml-lg-med { margin-left: 100px !important; }
  .mr-lg-med { margin-right: 100px !important; }
  .mt-lg-med { margin-top: 100px !important; }
  .mb-lg-med { margin-bottom: 100px !important; }
  .p-lg-lrg { padding: 50px !important; }
  .py-lg-lrg { padding-top: 50px !important; padding-bottom: 50px !important; }
  .px-lg-lrg { padding-left: 50px !important; padding-right: 50px !important; }
  .pl-lg-lrg { padding-left: 50px !important; }
  .pr-lg-lrg { padding-right: 50px !important; }
  .pt-lg-lrg { padding-top: 50px !important; }
  .pb-lg-lrg { padding-bottom: 50px !important; }
  .m-lg-lrg { padding: 50px !important; }
  .my-lg-lrg { margin-top: 50px !important; margin-bottom: 50px !important; }
  .mx-lg-lrg { margin-left: 50px !important; margin-right: 50px !important; }
  .ml-lg-lrg { margin-left: 50px !important; }
  .mr-lg-lrg { margin-right: 50px !important; }
  .mt-lg-lrg { margin-top: 50px !important; }
  .mb-lg-lrg { margin-bottom: 50px !important; }
  .p-lg-lrg { padding: 150px !important; }
  .py-lg-lrg { padding-top: 150px !important; padding-bottom: 150px !important; }
  .px-lg-lrg { padding-left: 150px !important; padding-right: 150px !important; }
  .pl-lg-lrg { padding-left: 150px !important; }
  .pr-lg-lrg { padding-right: 150px !important; }
  .pt-lg-lrg { padding-top: 150px !important; }
  .pb-lg-lrg { padding-bottom: 150px !important; }
  .m-lg-lrg { padding: 150px !important; }
  .my-lg-lrg { margin-top: 150px !important; margin-bottom: 150px !important; }
  .mx-lg-lrg { margin-left: 150px !important; margin-right: 150px !important; }
  .ml-lg-lrg { margin-left: 150px !important; }
  .mr-lg-lrg { margin-right: 150px !important; }
  .mt-lg-lrg { margin-top: 150px !important; }
  .mb-lg-lrg { margin-bottom: 150px !important; } }
/* Modifiers for Smaller Screens */
@media (max-width: 760px) { .p-sml { padding: 20px !important; }
  .py-sml { padding-top: 20px !important; padding-bottom: 20px !important; }
  .px-sml { padding-left: 20px !important; padding-right: 20px !important; }
  .pl-sml { padding-left: 20px !important; }
  .pr-sml { padding-right: 20px !important; }
  .pt-sml { padding-top: 20px !important; }
  .pb-sml { padding-bottom: 20px !important; }
  .m-sml { padding: 20px !important; }
  .my-sml { margin-top: 20px !important; margin-bottom: 20px !important; }
  .mx-sml { margin-left: 20px !important; margin-right: 20px !important; }
  .ml-sml { margin-left: 20px !important; }
  .mr-sml { margin-right: 20px !important; }
  .mt-sml { margin-top: 20px !important; }
  .mb-sml { margin-bottom: 20px !important; }
  .p-med { padding: 50px !important; }
  .py-med { padding-top: 50px !important; padding-bottom: 50px !important; }
  .px-med { padding-left: 50px !important; padding-right: 50px !important; }
  .pl-med { padding-left: 50px !important; }
  .pr-med { padding-right: 50px !important; }
  .pt-med { padding-top: 50px !important; }
  .pb-med { padding-bottom: 50px !important; }
  .m-med { padding: 50px !important; }
  .my-med { margin-top: 50px !important; margin-bottom: 50px !important; }
  .mx-med { margin-left: 50px !important; margin-right: 50px !important; }
  .ml-med { margin-left: 50px !important; }
  .mr-med { margin-right: 50px !important; }
  .mt-med { margin-top: 50px !important; }
  .mb-med { margin-bottom: 50px !important; } }