body, html {
  margin:           0;
  padding:          0;
  height:           100%;
  width:            100%;
  scroll-behavior:  smooth;
  }
p, h1, h2, h3, h4, h5, h6, figure, ul {
  margin:           0;
}
ul {
  padding:          0;
}
figcaption {
  height:           50px;
  padding:          4px 8px;
}
.container {
  max-width:        1140px;
  margin-left:      auto;
  margin-right:     auto;
}
.text-uppercase {
  text-transform:   uppercase;
}
.font-weight-bold {
  font-weight:      bold;
}
.m-0 { margin: 0px !important; } .m-1 { margin: 4px !important; } .m-2 { margin: 8px !important;} .m-3 { margin: 16px !important; } .m-4 { margin: 32px !important; } .m-5 { margin: 64px !important; } .m-auto { margin: auto !important; }
.mt-0 { margin-top: 0 !important;} .mt-1 { margin-top: 4px !important;} .mt-2 { margin-top: 8px !important;} .mt-3 { margin-top: 16px !important;} .mt-4 { margin-top: 32px !important;} .mt-5 { margin-top: 64px !important;}
.mr-0 { margin-right: 0 !important;} .mr-1 { margin-right: 4px !important;} .mr-2 { margin-right: 8px !important;} .mr-3 { margin-right: 16px !important;} .mr-4 { margin-right: 32px !important;} .mr-5 {margin-right: 64px !important;}
.mb-0 { margin-bottom: 0 !important;} .mb-1 { margin-bottom: 4px !important;} .mb-2 { margin-bottom: 8px !important;} .mb-3 { margin-bottom: 16px !important;} .mb-4 { margin-bottom: 32px !important;} .mb-5 { margin-bottom: 64px !important;}
.ml-0 { margin-left: 0 !important;} .ml-1 { margin-left: 4px !important;} .ml-2 { margin-left: 8px !important;} .ml-3 { margin-left: 16px !important;} .ml-4 { margin-left: 32px !important;} .ml-5 { margin-left: 5px !important;}
.mx-0 { margin-left: 0 !important; margin-right: 0 !important;} .mx-1 { margin-left: 4px !important; margin-right: 4px !important;} .mx-2 { margin-left: 8px !important; margin-right: 8px !important;} .mx-3 { margin-left: 16px !important; margin-right: 16px !important;} .mx-4 { margin-left: 32px !important; margin-right: 32px !important;} .mx-5 { margin-left: 64px !important; margin-right: 64px !important;}
.my-0 { margin-top: 0 !important; margin-bottom: 0 !important;} .my-1 { margin-top: 4px !important; margin-bottom: 4px !important;} .my-2 { margin-top: 8px !important; margin-bottom: 8px !important;} .my-3 { margin-top: 16px !important; margin-bottom: 16px !important;} .my-4 { margin-top: 32px !important; margin-bottom: 32px !important;} .my-5 { margin-top: 64px !important; margin-bottom: 64px !important;}
.p-0 { padding: 0 !important; } .p-1 { padding: 4px !important; } .p-2 { padding: 8px !important; } .p-3 { padding: 16px !important; } .p-4 { padding: 32px !important; } .p-5 { padding: 64px !important; }
.pt-0 { padding-top: 0 !important;} .pt-1 { padding-top: 4px !important;} .pt-2 { padding-top: 8px !important;} .pt-3 { padding-top: 16px !important;} .pt-4 { padding-top: 32px !important;} .pt-5 { padding-top: 64px !important;}
.pr-0 { padding-right: 0 !important;} .pr-1 { padding-right: 4px !important;} .pr-2 { padding-right: 8px !important;} .pr-3 { padding-right: 16px !important;} .pr-4 { padding-right: 32px !important;} .pr-5 { padding-right: 64px !important;}
.pb-0 { padding-bottom: 0 !important;} .pb-1 { padding-bottom: 4px !important;} .pb-2 { padding-bottom: 8px !important;} .pb-3 { padding-bottom: 16px !important;} .pb-4 { padding-bottom: 32px !important;} .pb-5 { padding-bottom: 64px !important;}
.pl-0 { padding-left: 0 !important;} .pl-1 { padding-left: 4px !important;} .pl-2 { padding-left: 8px !important;} .pl-3 { padding-left: 16px !important;} .pl-4 { padding-left: 32px !important;} .pl-5 { padding-left: 64px !important;}
.px-0 { padding-left: 0 !important; padding-right: 0 !important;} .px-1 { padding-left: 4px !important; padding-right: 4px !important;} .px-2 { padding-left: 8px !important; padding-right: 8px !important;} .px-3 { padding-left: 16px !important; padding-right: 16px !important;} .px-4 { padding-left: 32px !important; padding-right: 32px !important;} .px-5 { padding-left: 64px !important; padding-right: 64px !important;}
.py-0 { padding-top: 0 !important; padding-bottom: 0 !important;} .py-1 { padding-top: 4px !important; padding-bottom: 4px !important;} .py-2 { padding-top: 8px !important; padding-bottom: 8px !important;} .py-3 { padding-top: 16px !important; padding-bottom: 16px !important;} .py-4 { padding-top: 32px !important; padding-bottom: 32px !important;} .py-5 { padding-top: 64px !important; padding-bottom: 64px !important;}
.w-100 {
  width:            100%;
}
.h-100 {
  height:			      100%;
}
.h-auto {
  height:			      auto;
}
.rounded-bottom {
  border-radius:	  0 0 8px 8px;
}

.price:before {
    content:"$ ";
    font: bold 15px 'Amatic', sans-serif;
}
.price:after{
    content: " mxn";
    font: bold 10px 'Amatic', sans-serif;
    text-transform: uppercase;
}
.black-transparent-medium {
  background:       rgba(0,0,0,0.5);
}
.white-transparent-medium {
  background:       rgba(255,255,255,0.5);
}