@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap");
@media all and (min-width: 0) {
  .mt-6 {
    margin-top: 4rem !important; }

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

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

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

  .m-6 {
    margin: 4rem !important; }

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

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

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

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

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

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

  .m-7 {
    margin: 4.5rem !important; }

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

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

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

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

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

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

  .m-8 {
    margin: 5.5rem !important; }

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

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

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

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

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

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

  .m-9 {
    margin: 6.5rem !important; }

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

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

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

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

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

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

  .m-10 {
    margin: 8rem !important; }

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

  .mx-10 {
    margin-left: 8rem !important;
    margin-right: 8rem !important; } }
@media all and (min-width: 576px) {
  .mt-sm-6 {
    margin-top: 4rem !important; }

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

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

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

  .m-sm-6 {
    margin: 4rem !important; }

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

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

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

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

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

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

  .m-sm-7 {
    margin: 4.5rem !important; }

  .my-sm-7 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important; }

  .mx-sm-7 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important; }

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

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

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

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

  .m-sm-8 {
    margin: 5.5rem !important; }

  .my-sm-8 {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important; }

  .mx-sm-8 {
    margin-left: 5.5rem !important;
    margin-right: 5.5rem !important; }

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

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

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

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

  .m-sm-9 {
    margin: 6.5rem !important; }

  .my-sm-9 {
    margin-top: 6.5rem !important;
    margin-bottom: 6.5rem !important; }

  .mx-sm-9 {
    margin-left: 6.5rem !important;
    margin-right: 6.5rem !important; }

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

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

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

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

  .m-sm-10 {
    margin: 8rem !important; }

  .my-sm-10 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important; }

  .mx-sm-10 {
    margin-left: 8rem !important;
    margin-right: 8rem !important; } }
@media all and (min-width: 768px) {
  .mt-md-6 {
    margin-top: 4rem !important; }

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

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

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

  .m-md-6 {
    margin: 4rem !important; }

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

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

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

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

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

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

  .m-md-7 {
    margin: 4.5rem !important; }

  .my-md-7 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important; }

  .mx-md-7 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important; }

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

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

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

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

  .m-md-8 {
    margin: 5.5rem !important; }

  .my-md-8 {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important; }

  .mx-md-8 {
    margin-left: 5.5rem !important;
    margin-right: 5.5rem !important; }

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

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

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

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

  .m-md-9 {
    margin: 6.5rem !important; }

  .my-md-9 {
    margin-top: 6.5rem !important;
    margin-bottom: 6.5rem !important; }

  .mx-md-9 {
    margin-left: 6.5rem !important;
    margin-right: 6.5rem !important; }

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

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

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

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

  .m-md-10 {
    margin: 8rem !important; }

  .my-md-10 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important; }

  .mx-md-10 {
    margin-left: 8rem !important;
    margin-right: 8rem !important; } }
@media all and (min-width: 992px) {
  .mt-lg-6 {
    margin-top: 4rem !important; }

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

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

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

  .m-lg-6 {
    margin: 4rem !important; }

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

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

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

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

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

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

  .m-lg-7 {
    margin: 4.5rem !important; }

  .my-lg-7 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important; }

  .mx-lg-7 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important; }

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

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

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

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

  .m-lg-8 {
    margin: 5.5rem !important; }

  .my-lg-8 {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important; }

  .mx-lg-8 {
    margin-left: 5.5rem !important;
    margin-right: 5.5rem !important; }

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

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

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

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

  .m-lg-9 {
    margin: 6.5rem !important; }

  .my-lg-9 {
    margin-top: 6.5rem !important;
    margin-bottom: 6.5rem !important; }

  .mx-lg-9 {
    margin-left: 6.5rem !important;
    margin-right: 6.5rem !important; }

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

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

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

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

  .m-lg-10 {
    margin: 8rem !important; }

  .my-lg-10 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important; }

  .mx-lg-10 {
    margin-left: 8rem !important;
    margin-right: 8rem !important; } }
@media all and (min-width: 1200px) {
  .mt-xl-6 {
    margin-top: 4rem !important; }

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

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

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

  .m-xl-6 {
    margin: 4rem !important; }

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

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

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

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

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

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

  .m-xl-7 {
    margin: 4.5rem !important; }

  .my-xl-7 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important; }

  .mx-xl-7 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important; }

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

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

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

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

  .m-xl-8 {
    margin: 5.5rem !important; }

  .my-xl-8 {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important; }

  .mx-xl-8 {
    margin-left: 5.5rem !important;
    margin-right: 5.5rem !important; }

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

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

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

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

  .m-xl-9 {
    margin: 6.5rem !important; }

  .my-xl-9 {
    margin-top: 6.5rem !important;
    margin-bottom: 6.5rem !important; }

  .mx-xl-9 {
    margin-left: 6.5rem !important;
    margin-right: 6.5rem !important; }

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

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

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

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

  .m-xl-10 {
    margin: 8rem !important; }

  .my-xl-10 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important; }

  .mx-xl-10 {
    margin-left: 8rem !important;
    margin-right: 8rem !important; } }
@media all and (min-width: 1400px) {
  .mt-xxl-6 {
    margin-top: 4rem !important; }

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

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

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

  .m-xxl-6 {
    margin: 4rem !important; }

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

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

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

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

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

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

  .m-xxl-7 {
    margin: 4.5rem !important; }

  .my-xxl-7 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important; }

  .mx-xxl-7 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important; }

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

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

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

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

  .m-xxl-8 {
    margin: 5.5rem !important; }

  .my-xxl-8 {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important; }

  .mx-xxl-8 {
    margin-left: 5.5rem !important;
    margin-right: 5.5rem !important; }

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

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

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

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

  .m-xxl-9 {
    margin: 6.5rem !important; }

  .my-xxl-9 {
    margin-top: 6.5rem !important;
    margin-bottom: 6.5rem !important; }

  .mx-xxl-9 {
    margin-left: 6.5rem !important;
    margin-right: 6.5rem !important; }

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

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

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

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

  .m-xxl-10 {
    margin: 8rem !important; }

  .my-xxl-10 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important; }

  .mx-xxl-10 {
    margin-left: 8rem !important;
    margin-right: 8rem !important; } }
@media all and (min-width: 1540px) {
  .mt-xxxl-6 {
    margin-top: 4rem !important; }

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

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

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

  .m-xxxl-6 {
    margin: 4rem !important; }

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

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

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

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

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

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

  .m-xxxl-7 {
    margin: 4.5rem !important; }

  .my-xxxl-7 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important; }

  .mx-xxxl-7 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important; }

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

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

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

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

  .m-xxxl-8 {
    margin: 5.5rem !important; }

  .my-xxxl-8 {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important; }

  .mx-xxxl-8 {
    margin-left: 5.5rem !important;
    margin-right: 5.5rem !important; }

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

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

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

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

  .m-xxxl-9 {
    margin: 6.5rem !important; }

  .my-xxxl-9 {
    margin-top: 6.5rem !important;
    margin-bottom: 6.5rem !important; }

  .mx-xxxl-9 {
    margin-left: 6.5rem !important;
    margin-right: 6.5rem !important; }

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

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

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

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

  .m-xxxl-10 {
    margin: 8rem !important; }

  .my-xxxl-10 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important; }

  .mx-xxxl-10 {
    margin-left: 8rem !important;
    margin-right: 8rem !important; } }
@media all and (min-width: 1680px) {
  .mt-xxxxl-6 {
    margin-top: 4rem !important; }

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

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

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

  .m-xxxxl-6 {
    margin: 4rem !important; }

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

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

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

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

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

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

  .m-xxxxl-7 {
    margin: 4.5rem !important; }

  .my-xxxxl-7 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important; }

  .mx-xxxxl-7 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important; }

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

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

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

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

  .m-xxxxl-8 {
    margin: 5.5rem !important; }

  .my-xxxxl-8 {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important; }

  .mx-xxxxl-8 {
    margin-left: 5.5rem !important;
    margin-right: 5.5rem !important; }

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

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

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

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

  .m-xxxxl-9 {
    margin: 6.5rem !important; }

  .my-xxxxl-9 {
    margin-top: 6.5rem !important;
    margin-bottom: 6.5rem !important; }

  .mx-xxxxl-9 {
    margin-left: 6.5rem !important;
    margin-right: 6.5rem !important; }

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

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

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

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

  .m-xxxxl-10 {
    margin: 8rem !important; }

  .my-xxxxl-10 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important; }

  .mx-xxxxl-10 {
    margin-left: 8rem !important;
    margin-right: 8rem !important; } }
@media all and (min-width: 0) {
  .pt-6 {
    padding-top: 4rem !important; }

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

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

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

  .p-6 {
    padding: 4rem !important; }

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

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

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

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

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

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

  .p-7 {
    padding: 4.5rem !important; }

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

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

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

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

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

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

  .p-8 {
    padding: 5.5rem !important; }

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

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

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

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

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

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

  .p-9 {
    padding: 6.5rem !important; }

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

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

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

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

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

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

  .p-10 {
    padding: 8rem !important; }

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

  .px-10 {
    padding-left: 8rem !important;
    padding-right: 8rem !important; } }
@media all and (min-width: 576px) {
  .pt-sm-6 {
    padding-top: 4rem !important; }

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

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

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

  .p-sm-6 {
    padding: 4rem !important; }

  .py-sm-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important; }

  .px-sm-6 {
    padding-left: 4rem !important;
    padding-right: 4rem !important; }

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

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

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

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

  .p-sm-7 {
    padding: 4.5rem !important; }

  .py-sm-7 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important; }

  .px-sm-7 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important; }

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

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

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

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

  .p-sm-8 {
    padding: 5.5rem !important; }

  .py-sm-8 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important; }

  .px-sm-8 {
    padding-left: 5.5rem !important;
    padding-right: 5.5rem !important; }

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

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

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

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

  .p-sm-9 {
    padding: 6.5rem !important; }

  .py-sm-9 {
    padding-top: 6.5rem !important;
    padding-bottom: 6.5rem !important; }

  .px-sm-9 {
    padding-left: 6.5rem !important;
    padding-right: 6.5rem !important; }

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

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

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

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

  .p-sm-10 {
    padding: 8rem !important; }

  .py-sm-10 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important; }

  .px-sm-10 {
    padding-left: 8rem !important;
    padding-right: 8rem !important; } }
@media all and (min-width: 768px) {
  .pt-md-6 {
    padding-top: 4rem !important; }

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

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

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

  .p-md-6 {
    padding: 4rem !important; }

  .py-md-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important; }

  .px-md-6 {
    padding-left: 4rem !important;
    padding-right: 4rem !important; }

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

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

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

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

  .p-md-7 {
    padding: 4.5rem !important; }

  .py-md-7 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important; }

  .px-md-7 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important; }

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

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

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

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

  .p-md-8 {
    padding: 5.5rem !important; }

  .py-md-8 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important; }

  .px-md-8 {
    padding-left: 5.5rem !important;
    padding-right: 5.5rem !important; }

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

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

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

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

  .p-md-9 {
    padding: 6.5rem !important; }

  .py-md-9 {
    padding-top: 6.5rem !important;
    padding-bottom: 6.5rem !important; }

  .px-md-9 {
    padding-left: 6.5rem !important;
    padding-right: 6.5rem !important; }

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

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

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

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

  .p-md-10 {
    padding: 8rem !important; }

  .py-md-10 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important; }

  .px-md-10 {
    padding-left: 8rem !important;
    padding-right: 8rem !important; } }
@media all and (min-width: 992px) {
  .pt-lg-6 {
    padding-top: 4rem !important; }

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

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

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

  .p-lg-6 {
    padding: 4rem !important; }

  .py-lg-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important; }

  .px-lg-6 {
    padding-left: 4rem !important;
    padding-right: 4rem !important; }

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

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

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

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

  .p-lg-7 {
    padding: 4.5rem !important; }

  .py-lg-7 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important; }

  .px-lg-7 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important; }

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

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

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

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

  .p-lg-8 {
    padding: 5.5rem !important; }

  .py-lg-8 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important; }

  .px-lg-8 {
    padding-left: 5.5rem !important;
    padding-right: 5.5rem !important; }

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

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

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

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

  .p-lg-9 {
    padding: 6.5rem !important; }

  .py-lg-9 {
    padding-top: 6.5rem !important;
    padding-bottom: 6.5rem !important; }

  .px-lg-9 {
    padding-left: 6.5rem !important;
    padding-right: 6.5rem !important; }

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

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

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

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

  .p-lg-10 {
    padding: 8rem !important; }

  .py-lg-10 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important; }

  .px-lg-10 {
    padding-left: 8rem !important;
    padding-right: 8rem !important; } }
@media all and (min-width: 1200px) {
  .pt-xl-6 {
    padding-top: 4rem !important; }

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

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

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

  .p-xl-6 {
    padding: 4rem !important; }

  .py-xl-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important; }

  .px-xl-6 {
    padding-left: 4rem !important;
    padding-right: 4rem !important; }

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

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

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

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

  .p-xl-7 {
    padding: 4.5rem !important; }

  .py-xl-7 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important; }

  .px-xl-7 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important; }

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

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

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

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

  .p-xl-8 {
    padding: 5.5rem !important; }

  .py-xl-8 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important; }

  .px-xl-8 {
    padding-left: 5.5rem !important;
    padding-right: 5.5rem !important; }

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

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

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

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

  .p-xl-9 {
    padding: 6.5rem !important; }

  .py-xl-9 {
    padding-top: 6.5rem !important;
    padding-bottom: 6.5rem !important; }

  .px-xl-9 {
    padding-left: 6.5rem !important;
    padding-right: 6.5rem !important; }

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

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

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

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

  .p-xl-10 {
    padding: 8rem !important; }

  .py-xl-10 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important; }

  .px-xl-10 {
    padding-left: 8rem !important;
    padding-right: 8rem !important; } }
@media all and (min-width: 1400px) {
  .pt-xxl-6 {
    padding-top: 4rem !important; }

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

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

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

  .p-xxl-6 {
    padding: 4rem !important; }

  .py-xxl-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important; }

  .px-xxl-6 {
    padding-left: 4rem !important;
    padding-right: 4rem !important; }

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

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

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

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

  .p-xxl-7 {
    padding: 4.5rem !important; }

  .py-xxl-7 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important; }

  .px-xxl-7 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important; }

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

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

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

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

  .p-xxl-8 {
    padding: 5.5rem !important; }

  .py-xxl-8 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important; }

  .px-xxl-8 {
    padding-left: 5.5rem !important;
    padding-right: 5.5rem !important; }

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

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

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

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

  .p-xxl-9 {
    padding: 6.5rem !important; }

  .py-xxl-9 {
    padding-top: 6.5rem !important;
    padding-bottom: 6.5rem !important; }

  .px-xxl-9 {
    padding-left: 6.5rem !important;
    padding-right: 6.5rem !important; }

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

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

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

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

  .p-xxl-10 {
    padding: 8rem !important; }

  .py-xxl-10 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important; }

  .px-xxl-10 {
    padding-left: 8rem !important;
    padding-right: 8rem !important; } }
@media all and (min-width: 1540px) {
  .pt-xxxl-6 {
    padding-top: 4rem !important; }

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

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

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

  .p-xxxl-6 {
    padding: 4rem !important; }

  .py-xxxl-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important; }

  .px-xxxl-6 {
    padding-left: 4rem !important;
    padding-right: 4rem !important; }

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

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

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

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

  .p-xxxl-7 {
    padding: 4.5rem !important; }

  .py-xxxl-7 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important; }

  .px-xxxl-7 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important; }

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

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

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

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

  .p-xxxl-8 {
    padding: 5.5rem !important; }

  .py-xxxl-8 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important; }

  .px-xxxl-8 {
    padding-left: 5.5rem !important;
    padding-right: 5.5rem !important; }

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

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

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

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

  .p-xxxl-9 {
    padding: 6.5rem !important; }

  .py-xxxl-9 {
    padding-top: 6.5rem !important;
    padding-bottom: 6.5rem !important; }

  .px-xxxl-9 {
    padding-left: 6.5rem !important;
    padding-right: 6.5rem !important; }

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

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

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

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

  .p-xxxl-10 {
    padding: 8rem !important; }

  .py-xxxl-10 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important; }

  .px-xxxl-10 {
    padding-left: 8rem !important;
    padding-right: 8rem !important; } }
@media all and (min-width: 1680px) {
  .pt-xxxxl-6 {
    padding-top: 4rem !important; }

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

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

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

  .p-xxxxl-6 {
    padding: 4rem !important; }

  .py-xxxxl-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important; }

  .px-xxxxl-6 {
    padding-left: 4rem !important;
    padding-right: 4rem !important; }

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

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

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

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

  .p-xxxxl-7 {
    padding: 4.5rem !important; }

  .py-xxxxl-7 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important; }

  .px-xxxxl-7 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important; }

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

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

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

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

  .p-xxxxl-8 {
    padding: 5.5rem !important; }

  .py-xxxxl-8 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important; }

  .px-xxxxl-8 {
    padding-left: 5.5rem !important;
    padding-right: 5.5rem !important; }

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

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

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

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

  .p-xxxxl-9 {
    padding: 6.5rem !important; }

  .py-xxxxl-9 {
    padding-top: 6.5rem !important;
    padding-bottom: 6.5rem !important; }

  .px-xxxxl-9 {
    padding-left: 6.5rem !important;
    padding-right: 6.5rem !important; }

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

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

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

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

  .p-xxxxl-10 {
    padding: 8rem !important; }

  .py-xxxxl-10 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important; }

  .px-xxxxl-10 {
    padding-left: 8rem !important;
    padding-right: 8rem !important; } }
@media all and (min-width: 0) {
  html {
    font-size: 16px; } }
@media all and (min-width: 576px) {
  html {
    font-size: 10px; } }
@media all and (min-width: 768px) {
  html {
    font-size: 11px; } }
@media all and (min-width: 992px) {
  html {
    font-size: 13px; } }
@media all and (min-width: 1200px) {
  html {
    font-size: 16px; } }
@media all and (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.25) {
  html {
    font-size: 18px; } }
@media all and (min-width: 1400px) {
  html {
    font-size: 16px; } }
@media all and (min-width: 1540px) {
  html {
    font-size: 18px; } }
@media all and (min-width: 1680px) {
  html {
    font-size: 18px; } }
@media all and (min-width: 2000px) {
  html {
    font-size: 0.9375vw; } }
@media all and (min-width: 2000px) and (-webkit-min-device-pixel-ratio: 1.25) {
  html {
    font-size: 0.9375vw; } }
body {
  font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  color: #ffffff; }

h1, .h1, h2, .h2, h3, .h3,
h4, .h4, h5, .h5, h6, .h6 {
  font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  color: #ffffff; }

@media all and (min-width: 0) {
  .container {
    max-width: 100% !important; } }
@media all and (min-width: 576px) {
  .container {
    max-width: 540px !important; } }
@media all and (min-width: 768px) {
  .container {
    max-width: 720px !important; } }
@media all and (min-width: 992px) {
  .container {
    max-width: 960px !important; } }
@media all and (min-width: 1200px) {
  .container {
    max-width: 1140px !important; } }
@media all and (min-width: 1400px) {
  .container {
    max-width: 1320px !important; } }
@media all and (min-width: 1540px) {
  .container {
    max-width: 1320px !important; } }
@media all and (min-width: 1680px) {
  .container {
    max-width: 1600px !important; } }
@media all and (min-width: 2000px) {
  .container {
    max-width: 60.8vw !important; } }
@media all and (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.25) {
  .container {
    max-width: 1140px !important; } }
@media all and (min-width: 1400px) and (-webkit-min-device-pixel-ratio: 1.25) {
  .container {
    max-width: 1320px !important; } }
@media all and (min-width: 1540px) and (-webkit-min-device-pixel-ratio: 1.25) {
  .container {
    max-width: 1400px !important; } }
@media all and (min-width: 1680px) and (-webkit-min-device-pixel-ratio: 1.25) {
  .container {
    max-width: 1600px !important; } }
#debug-footer {
  border-top: 2px solid red;
  background: #5A5A5A; }
  #debug-footer * {
    color: white !important; }

.bgr_main {
  position: absolute;
  top: 0;
  left: 0;
  background: url("/img/bgr_all.png") top center no-repeat;
  width: 1920px;
  height: 1080px;
  /*display:none;*/ }

.plr-0 {
  padding-right: 0;
  padding-left: 0; }

/*body*/
.bgr1 {
  display: flex;
  color: #ffffff;
  height: 100%;
  position: flex;
  width: 100%;
  position: absolute;
  background: url("/img/wohnwagen-hero.jpg") top center no-repeat;
  background-size: cover; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  color: #ffffff; }

.green, .green a {
  color: #00fa29; }
  
.white, .white a {
  color: #ffffff; }

p {
  margin-bottom: 0; }

.icon {
  position: absolute;
  top: 7%;
  left: 0;
  width: 38.1111111111rem;
  height: 51.2222222222rem;
  background: url("/img/icon.png") top left no-repeat;
  background-size: cover; }
  @media all and (max-width: 1679px) {
    .icon {
      width: 38%;
      height: 89%;
      background-size: contain; } }
  @media all and (max-width: 1539px) {
    .icon {
      width: 38%;
      height: 89%;
      background-size: contain; } }
  @media all and (max-width: 575px) {
    .icon {
      position: relative;
      top: 20px;
      left: 0;
      width: 100%;
      height: 11.1111111111rem;
      padding-bottom: 1.6666666667rem;
      background-size: 150%;
      background-position: unset; } }

#front {
  position: relative;
  width: 28.8888888889rem;
  margin:auto;
  /*min-height: 69%;
  top: 31%;
  left: 9%; */
   background-color: rgba(0, 0, 0, 0.7);
  }
  @media all and (max-width: 1399px) {
    #front {
    width: 34rem;
      top: 0%; } }
  @media all and (max-width: 1199px) {
    #front {
      top: 0%; } }
  @media all and (max-width: 991px) {
    #front {
      left: 0%; } }
  @media all and (max-width: 767px) {
    #front {
      top: 0%;
      left: 0%; } }
  @media all and (max-width: 575px) {
    #front {
      left: 0;
      width: 100%;
      /*
      padding-bottom: 2.7777777778rem;
      margin-bottom: 2.7777777778rem;
      */
      background-color: rgba(0, 0, 0, 0.5);
      text-align: center; } }

.txt {padding:30px 40px 50px 40px;
  /*min-height:735px;*/ }

@media all and (max-width: 1199px) {
    .txt {
      padding:25px 40px 30px 40px;
    }
}  
  
@media all and (max-width: 767px) {
    /*.txt {
      padding:20px 0 30px 0;
  }*/
}
@media all and (max-width: 575px) {
  .txt {
      padding:20px 0 30px 0;
  }
}
  

h1 {
  font-size: 1.1666666667rem;
  line-height: 1.6rem;
  font-weight: 900;
  margin-top: 0.8333333333rem; }

.h2 {
  font-size: 2.2222222222rem;
  font-weight: 900;
  margin-top: 2.3333333333rem; }

.h3 {
  font-size: 1.5rem;
  line-height: 1.8rem;
  font-weight: 300;
  margin-top: 1.6111111111rem;
  margin-bottom: 1.5rem; }

.bold {
  font-weight: 700; }

.mail {
  font-size: 1.1666666667rem;
  line-height: 1.4444444444rem;
  font-weight: 700; 
  margin-bottom:10px;}
  .mail span {
    color: #ffffff; }

.phone {
  font-size: 1.2777777778rem;
  line-height: 1.6666666667rem;
  font-weight: 700; }

.point {
  display: block;
  width: 100%;
  height: 0.6666666667rem;
  background: url("/img/point.png") top left no-repeat;
  margin: 0.6666666667rem 0 0; }
  @media all and (max-width: 1539px) {
    .point {
      background-size: contain; } }
  @media all and (max-width: 575px) {
    .point {
      height: 0.8888888889rem;
      background: url("/img/point.png") top center no-repeat; } }

/*

#front {
	position:relative;
	background:url('/img/bgr1.jpg') top center no-repeat;
	background-size: cover;
	width:100%;
	height:100%;
}

a {
	&:hover {
		text-decoration: none;		
	}
}

.content {
	position: relative;
	height: 100%;
	padding: rem(52px) rem(50px);
	
	font-size: rem(25px);
	line-height: rem(35px);
	
	@include to-breakpoint(large) {
	}
	
	#logo {
		display: inline-block;
		
		img {
			height: rem(167px);
			
			@include to-breakpoint(large) {
				
			}
		}
	}
	
	.txt {
		position:absolute;
		left: 0;
		bottom: rem(52px);
		width: rem(732px);
		height: rem(455px);
		background: rgba(34,99,56, 0.75);
		padding: rem(47px) rem(57px);
		margin-left: rem(50px);
		
		@include to-breakpoint(large) {
		}
		
		h1{
			font-size: rem(64px);
			font-weight: 700;
			margin-bottom: rem(8px);
			
			@include to-breakpoint(large) {
			}
		}
		
		h2 {
			font-size: rem(44px);
		}
		
		h3 {
			font-size: rem(40px);
			margin-top: rem(15px);
			margin-bottom: rem(45px);
		}
		
		p {
			margin-bottom: rem(10px);
			
			&.yellow {
				font-size: rem(28px);
			}
		}
	}
}

@media screen and (min-width: 440px) and (max-width: 575px) {
	.content {
		padding: 20px 0;
		
		.txt {
			left: auto;
			right: 0;
		}
	}
}

@media screen and (max-height: 429px){
	.content {
		padding: 20px 0;
		
		.txt {
			top: 20px;
			left: auto;
			right: 0;
		}
	}
}



@media screen and (max-width: 479px) {
	.content {
		padding: 20px 0;
		
		.txt {
			margin-left: 0;
			padding: 15px 20px;
			max-width: 100%;
			height: auto;
			
			font-size: 16px;
			line-height: 23px;
			
			p {
				margin-bottom: 10px;
				
				&.yellow {
					font-size: 17px;
					margin-bottom: 0;
				}
			}
		}
	}
}
*/

/*# sourceMappingURL=style.css.map */