html {
    margin: 0;
    font-family: 'Roboto', sans-serif;
}

body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    background-image: url('https://github.com/congchinh28/wms.github.io/blob/main/assets/images/2.png?raw=true');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position-y: 50%;
}
body.location,
body.setAnchorPosition,
body.setProductDetails,
body.statistics,
body.manuals,
body.aboutUs {
    background-image: url('https://github.com/congchinh28/wms.github.io/blob/main/assets/images/1s.png?raw=true');
}


header {
    background-color: #fff;
    padding: 1px;
    text-align: center;
    color: white;
    font-size: 18px;
    font-weight: bold;
    /* position: fixed; */
    top: 0;
    left: 0;
    right: 0;
}

.title {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}



nav.header {
    display: flex;
    justify-content: flex-start;
    background-color: transparent;
    padding: 0px;
    /* position: fixed; */
    width: 100%;
    top: 90px;
    left: 0;
    right: 0;
    z-index: 998;
    align-items: center;
}

nav.floor,
nav.buildings {
    display: flex;
    justify-content: center;
    background-color: #fff;
    padding: 0px;
    /* position: fixed; */
    width: 100%;
    top: 125px;
    left: 0;
    right: 0;
    z-index: 997;
}


.logo {
    width: 120px;
    height: auto;
    z-index: 999;
    margin: 15px ;
    padding: 0 0 0 50px;
    float: left;
    display: block;
    color: #000;
    text-align: center;
    /* padding: 14px 16px; */
    text-decoration: none;
    font-size: 17px;
}

nav a {
    color: #000;
    text-decoration: none;
    padding: 10px 20px;
    margin: 0 10px;
    border-radius: 10px;
    transition: background-color 0.3s;
    font-size: 17px;

}

nav a:hover {
    background-color: #999;
}

.bottom-text {
    /* position: fixed;  */
    margin-top: 1rem;
    margin-bottom: 1rem;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: transparent;
    color: rgb(255, 255, 255);
    text-align: center;
    padding: 0px;
    font-size: 0,8rem;
    font-style: italic;
    font-weight: bold;
}

nav a.active {
    background-color: #004580;
}
.mapres {
    display: flex;
    flex-direction: column;
    align-items: center; 
    position: relative; 
    width: 100%;
  
}

@media only screen and (max-width: 1351px) {

    header {
        font-size: 16px;
    }

    nav {
        flex-direction: column;
    }

    nav a {
        margin: 5px 0;
    }

    .buildingButton, .stageButton {
        width: -webkit-fill-available;
    }

    .logo {
        width: 80px;
    }
    .topnav {
        display:  block !important;
        width: 100%;
    }
    .topnav #location {margin-top: 50px; }
    .topnav a:not(:first-child) {display: none;}
    .topnav a.icon {
        float: right;
        display: block;
    }
    .topnav.responsive {position: relative;}
    .topnav.responsive .icon {
        position: absolute;
        right: 0;
        top: 0; 
    }
    .topnav .logo {
        position: absolute;
        left: 0;
        top: 0; 
    }
    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
    }
    .mapres {
        position: relative; 
        width: 100%; 
        height: 824px;
    }
    .anchor, .product, .rectangle  {
        display: inline-block; 
        vertical-align: top;

    }
    .rectangle {
        transform: scale(1); 
        transform-origin: top left; /* Điểm mà transform được áp dụng */
        position: absolute; /* Định vị tuyệt đối để di chuyển div con */
        }
}
/* pro11inch */
@media only screen and (max-width: 834px) {
    .mapres {
        position: relative; 
        width: 100%; /* hoặc kích thước mong muốn */
        height: 503px;
    }
    .rectangle {
        transform: scale(0.617320); /* Thay đổi kích thước div con */
        transform-origin: top left; /* Điểm mà transform được áp dụng */
        position: absolute !important; /* Định vị tuyệt đối để di chuyển div con */
    }
    element.style {
    display: flex;
    left: 0px;
    right: 0px;
    }
}
/* 14prm */
@media only screen and (max-width: 430px) {
    .mapres {
        position: relative; 
        width: 100%; /* hoặc kích thước mong muốn */
        height: calc(784 * (430 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(430/1351)); /* Thay đổi kích thước div con */
        transform-origin: top left; /* Điểm mà transform được áp dụng */
        position: absolute !important; /* Định vị tuyệt đối để di chuyển div con */
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
/* 14plus */
@media only screen and (max-width: 428px) {
    .mapres {
        position: relative; 
        width: 100%; /* hoặc kích thước mong muốn */
        height: 270px;
    }
    .rectangle {
        transform: scale(0.3168); /* Thay đổi kích thước div con */
        transform-origin: top left; /* Điểm mà transform được áp dụng */
        position: absolute !important; /* Định vị tuyệt đối để di chuyển div con */
    }
    element.style {
    display: flex;
    left: 0px;
    right: 0px;
    }
}
/* xsmax */
@media only screen and (max-width: 414px) {
    .mapres {
        position: relative; 
        width: 100%; /* hoặc kích thước mong muốn */
        height: 270px;
    }
    .rectangle {
        transform: scale(0.3064396); /* Thay đổi kích thước div con */
        transform-origin: top left; /* Điểm mà transform được áp dụng */
        position: absolute !important; /* Định vị tuyệt đối để di chuyển div con */
    }
    element.style {
    display: flex;
    left: 0px;
    right: 0px;
    }
}
/* vivo */
@media only screen and (max-width: 370px) {
    .mapres {
        position: relative; 
        width: 100%; /* hoặc kích thước mong muốn */
        height: 210px;
    }
    .rectangle {
        transform: scale(0.273871); /* Thay đổi kích thước div con */
        transform-origin: top left; /* Điểm mà transform được áp dụng */
        position: absolute !important; /* Định vị tuyệt đối để di chuyển div con */
    }
    element.style {
    display: flex;
    left: 0px;
    right: 0px;
    }
}
/* popups */
@media only screen and (max-width: 1266px) {
    .custom-popup {
        position: relative;
        left: 0% !important;
        top: 0% !important;
    }
}
.custom-popup {
    left: 0%;
    top: 0%
}

#floorButtonContainer {
    /* position: fixed; */
    top: 20%;
    left: 30%;
    /* Điều chỉnh vị trí bên trái của nút */
    transform: translateY(-50%);
    z-index: 9999;
    /* Đảm bảo nút "Tầng 1" hiển thị trên cùng */
}

#floor2ButtonContainer {
    /* position: fixed; */
    top: 20%;
    right: 30%;
    /* Điều chỉnh vị trí bên trái của nút */
    transform: translateY(-50%);
    z-index: 9999;
    /* Đảm bảo nút "Tầng 1" hiển thị trên cùng */
}

.stageButton,
.buildingButton {
    padding: 10px;
    background-color: #E8E8E8;
    color: black;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
}
.topnav {
    overflow: hidden;
    display: flex;
    align-items: center;
    background-color: #fff;
    border-bottom: #818181 1px solid;
  }

#floor1Button {
    padding: 10px;
    background-color: #0d4b8d;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}
/* General popup styling */
.swal2-popup {
  font-family: 'Arial', sans-serif;
  background-color: #f9f9f9;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Title styling */
.swal2-title {
  color: #333;
  font-size: 29px;
  font-weight: bold;
  margin-bottom: 2px;
}

/* Form group styling */
.form-group {
  margin-bottom: 18px;
  text-align: left; /* Căn trái */
}

/* Label styling */
.form-group label {
  color: #555;
  font-size: 19px;
  margin-bottom: 5px;
  font-weight: bold; /* In đậm */
}
.form-group2 {
  margin-bottom: 4px;
  text-align: left; /* Căn trái */
}

/* Label styling */
.form-group2 label {
  color: #555;
  font-size: 19px;
  margin-bottom: 5px;
  font-weight: bold; /* In đậm */
}

/* Input and select styling */
.form-control {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px;
  font-size: 14px;
  width: 100%; /* Đặt chiều rộng 100% */
  box-sizing: border-box; /* Đảm bảo padding không làm tăng chiều rộng */
}

/* Placeholder styling */
.form-control::placeholder {
  color: #aaa;
}

/* Confirm button styling */
.swal2-confirm {
  background-color: #007bff;
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
}

.swal2-confirm:hover {
  background-color: #0056b3;
}

#floor2Button {
    padding: 10px;
    background-color: #0d4b8d;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

#floor1Button:hover {
    background-color: #77c5ff;
}

#floor2Button:hover {
    background-color: #77c5ff;
}
.swal2-container {
  background: rgba(0, 0, 0, 0) !important;
}
.map {
    /* background-color: #fff; */
    margin-top: 1rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.rectangle {
    display: flex;
    /* position: absolute; */
    position: relative;
    width: 1351px;
    height: 784px;
    background: url('https://github.com/congchinh28/wms.github.io/blob/main/assets/images/maps.png?raw=true') no-repeat center center/cover;
    left: 0px;
    right: 0px;
}

#rectangle1 {
    background: url('https://github.com/congchinh28/wms.github.io/blob/main/assets/images/maps.png?raw=true') no-repeat center center/cover;
}

#rectangle2 {
    background: url('https://github.com/congchinh28/wms.github.io/blob/main/assets/images/map2.jpg?raw=true') no-repeat center center/cover;
}

#rectangle3 {
    background: url('https://github.com/congchinh28/wms.github.io/blob/main/assets/images/map3.png?raw=true') no-repeat center center/cover;
}

.product {
    display: none;
    position: absolute;
    width: 25px;
    height: 25px;
    background: url('https://github.com/congchinh28/wms.github.io/blob/main/assets/images/product.png?raw=true') no-repeat center center/contain;
    cursor: pointer;
}

.anchor {
    display: none;
    position: absolute;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

/* CSS cho khung thông tin1 */
.floor-info-container {
    display: none;
    position: sticky;
    top: 30%;
    /* Điều chỉnh vị trí tùy thuộc vào cụ thể trang của bạn */
    /* right: 10%; */
    border: 1px solid #77c5ff;
    padding: 10px;
    margin: 20px;
    background-color: #fff;
    z-index: 999;
    /* Đảm bảo khung thông tin hiển thị trên các phần khác */
}

.floor-info {
    margin: 0px;
}

/* CSS cho khung thông tin2 */
.floor2-info-container {
    position: sticky;
    top: 30%;
    /* Điều chỉnh vị trí tùy thuộc vào cụ thể trang của bạn */
    right: 10%;
    border: 1px solid #77c5ff;
    padding: 10px;
    background-color: #fff;
    z-index: 999;
    /* Đảm bảo khung thông tin hiển thị trên các phần khác */
}

.floor2-info {
    margin: 0px;
}

/*--------------------STATISTICS-------------------------*/
.centered-table {
    display: flex;
    flex-direction: column;
    align-content: flex-end;
    align-items: flex-end;
    overflow: auto;
    margin: 0px;
    
}
.table-wrapper {
    width: 100%;
    overflow-x: auto;
}
.product:hover {
    border: 2px solid #004580;
}
.anchor:hover {
    border: 2px solid #004580;
}


#productTable th,
#productTable td {
    border: 1px solid #ddd;
    padding: 0px;
    text-align: left;
}

#productTable th {
    background-color: #f2f2f2;
}

#exportButton {
    background-color: #ad481a;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
    margin-top: 30px
}

#exportButton:hover {
    background-color: #004580;
}

#productTable {
    width: 100%;
    border-collapse: collapse;
    background-color: #fff;
}

#productTable th,
#productTable td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

#productTable th {
    background-color: #f2f2f2;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    color: #333;
    text-align: center;
    padding: 10px;
}

#productTable td {
    text-align: center;
    padding: 10px;
}

#productTable th,
#productTable td {
    padding: 10px;
    /* Tăng khoảng cách giữa nội dung và đường biên của ô */
}

#productTable td:hover {
    background-color: #f5f5f5;
    /* Màu nền khi di chuột qua */
}


.export-button {
    background-color: #004580;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.export-button:hover {
    background-color: #004580;
}

  h1 {
    color: #333;
    margin: 0;
  }

  .imgAboutUs {
    width: 570px;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .content {
    max-width: 800px;
    margin: 20px auto;
    padding: 20px;
    background-color: #f9f9f9;
  }
  .image-container {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .image-container img {
    max-width: 100%;
    height: auto;
  }

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
     border-bottom: #797979 1px solid;
}
.topnav a {
  float: left;
  display: block;
  color: #000;
  text-align: center;
  /* padding: 14px 16px; */
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #adadad;
  color: black;
}

.topnav a.active {
  background-color: #04AA6D;
  color: white;
}

.topnav .icon {
  display: none;
  color: black;
}
.logo:hover {
    transform: scale(1.1); /* Thay đổi kích thước khi hover */
    transition: transform 0.3s ease; /* Hiệu ứng chuyển động mượt mà */
}


/* css rtg */
@media only screen and (max-width: 1350px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1350 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1350/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1349px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1349 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1349/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1348px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1348 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1348/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1347px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1347 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1347/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1346px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1346 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1346/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1345px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1345 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1345/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1344px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1344 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1344/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1343px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1343 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1343/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1342px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1342 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1342/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1341px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1341 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1341/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1340px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1340 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1340/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1339px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1339 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1339/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1338px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1338 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1338/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1337px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1337 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1337/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1336px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1336 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1336/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1335px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1335 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1335/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1334px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1334 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1334/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1333px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1333 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1333/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1332px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1332 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1332/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1331px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1331 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1331/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1330px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1330 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1330/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1329px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1329 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1329/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1328px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1328 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1328/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1327px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1327 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1327/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1326px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1326 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1326/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1325px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1325 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1325/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1324px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1324 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1324/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1323px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1323 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1323/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1322px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1322 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1322/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1321px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1321 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1321/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1320px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1320 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1320/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1319px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1319 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1319/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1318px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1318 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1318/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1317px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1317 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1317/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1316px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1316 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1316/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1315px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1315 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1315/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1314px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1314 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1314/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1313px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1313 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1313/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1312px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1312 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1312/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1311px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1311 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1311/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1310px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1310 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1310/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1309px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1309 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1309/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1308px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1308 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1308/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1307px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1307 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1307/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1306px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1306 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1306/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1305px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1305 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1305/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1304px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1304 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1304/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1303px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1303 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1303/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1302px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1302 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1302/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1301px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1301 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1301/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1300px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1300 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1300/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1299px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1299 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1299/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1298px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1298 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1298/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1297px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1297 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1297/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1296px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1296 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1296/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1295px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1295 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1295/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1294px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1294 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1294/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1293px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1293 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1293/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1292px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1292 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1292/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1291px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1291 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1291/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1290px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1290 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1290/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1289px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1289 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1289/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1288px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1288 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1288/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1287px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1287 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1287/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1286px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1286 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1286/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1285px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1285 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1285/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1284px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1284 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1284/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1283px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1283 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1283/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1282px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1282 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1282/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1281px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1281 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1281/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1280px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1280 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1280/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1279px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1279 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1279/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1278px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1278 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1278/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1277px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1277 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1277/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1276px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1276 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1276/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1275px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1275 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1275/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1274px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1274 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1274/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1273px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1273 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1273/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1272px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1272 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1272/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1271px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1271 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1271/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1270px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1270 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1270/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1269px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1269 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1269/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1268px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1268 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1268/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1267px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1267 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1267/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1266px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1266 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1266/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1265px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1265 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1265/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1264px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1264 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1264/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1263px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1263 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1263/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1262px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1262 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1262/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1261px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1261 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1261/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1260px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1260 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1260/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1259px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1259 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1259/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1258px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1258 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1258/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1257px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1257 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1257/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1256px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1256 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1256/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1255px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1255 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1255/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1254px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1254 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1254/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1253px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1253 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1253/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1252px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1252 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1252/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1251px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1251 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1251/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1250px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1250 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1250/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1249px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1249 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1249/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1248px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1248 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1248/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1247px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1247 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1247/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1246px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1246 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1246/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1245px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1245 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1245/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1244px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1244 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1244/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1243px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1243 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1243/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1242px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1242 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1242/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1241px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1241 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1241/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1240px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1240 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1240/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1239px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1239 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1239/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1238px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1238 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1238/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1237px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1237 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1237/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1236px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1236 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1236/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1235px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1235 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1235/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1234px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1234 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1234/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1233px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1233 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1233/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1232px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1232 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1232/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1231px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1231 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1231/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1230px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1230 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1230/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1229px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1229 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1229/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1228px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1228 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1228/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1227px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1227 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1227/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1226px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1226 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1226/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1225px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1225 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1225/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1224px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1224 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1224/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1223px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1223 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1223/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1222px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1222 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1222/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1221px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1221 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1221/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1220px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1220 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1220/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1219px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1219 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1219/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1218px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1218 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1218/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1217px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1217 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1217/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1216px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1216 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1216/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1215px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1215 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1215/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1214px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1214 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1214/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1213px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1213 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1213/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1212px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1212 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1212/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1211px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1211 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1211/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1210px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1210 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1210/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1209px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1209 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1209/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1208px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1208 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1208/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1207px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1207 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1207/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1206px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1206 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1206/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1205px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1205 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1205/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1204px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1204 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1204/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1203px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1203 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1203/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1202px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1202 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1202/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1201px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1201 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1201/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1200px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1200 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1200/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1199px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1199 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1199/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1198px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1198 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1198/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1197px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1197 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1197/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1196px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1196 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1196/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1195px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1195 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1195/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1194px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1194 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1194/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1193px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1193 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1193/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1192px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1192 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1192/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1191px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1191 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1191/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1190px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1190 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1190/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1189px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1189 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1189/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1188px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1188 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1188/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1187px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1187 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1187/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1186px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1186 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1186/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1185px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1185 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1185/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1184px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1184 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1184/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1183px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1183 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1183/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1182px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1182 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1182/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1181px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1181 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1181/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1180px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1180 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1180/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1179px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1179 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1179/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1178px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1178 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1178/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1177px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1177 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1177/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1176px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1176 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1176/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1175px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1175 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1175/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1174px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1174 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1174/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1173px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1173 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1173/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1172px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1172 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1172/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1171px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1171 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1171/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1170px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1170 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1170/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1169px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1169 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1169/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1168px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1168 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1168/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1167px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1167 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1167/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1166px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1166 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1166/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1165px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1165 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1165/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1164px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1164 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1164/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1163px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1163 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1163/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1162px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1162 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1162/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1161px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1161 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1161/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1160px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1160 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1160/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1159px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1159 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1159/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1158px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1158 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1158/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1157px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1157 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1157/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1156px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1156 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1156/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1155px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1155 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1155/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1154px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1154 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1154/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1153px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1153 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1153/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1152px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1152 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1152/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1151px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1151 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1151/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1150px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1150 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1150/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1149px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1149 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1149/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1148px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1148 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1148/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1147px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1147 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1147/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1146px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1146 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1146/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1145px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1145 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1145/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1144px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1144 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1144/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1143px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1143 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1143/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1142px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1142 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1142/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1141px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1141 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1141/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1140px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1140 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1140/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1139px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1139 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1139/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1138px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1138 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1138/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1137px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1137 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1137/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1136px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1136 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1136/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1135px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1135 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1135/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1134px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1134 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1134/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1133px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1133 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1133/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1132px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1132 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1132/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1131px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1131 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1131/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1130px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1130 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1130/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1129px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1129 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1129/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1128px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1128 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1128/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1127px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1127 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1127/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1126px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1126 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1126/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1125px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1125 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1125/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1124px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1124 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1124/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1123px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1123 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1123/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1122px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1122 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1122/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1121px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1121 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1121/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1120px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1120 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1120/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1119px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1119 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1119/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1118px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1118 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1118/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1117px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1117 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1117/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1116px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1116 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1116/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1115px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1115 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1115/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1114px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1114 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1114/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1113px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1113 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1113/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1112px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1112 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1112/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1111px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1111 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1111/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1110px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1110 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1110/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1109px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1109 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1109/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1108px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1108 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1108/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1107px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1107 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1107/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1106px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1106 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1106/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1105px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1105 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1105/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1104px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1104 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1104/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1103px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1103 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1103/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1102px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1102 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1102/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1101px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1101 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1101/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1100px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1100 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1100/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1099px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1099 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1099/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1098px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1098 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1098/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1097px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1097 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1097/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1096px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1096 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1096/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1095px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1095 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1095/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1094px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1094 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1094/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1093px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1093 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1093/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1092px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1092 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1092/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1091px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1091 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1091/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1090px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1090 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1090/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1089px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1089 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1089/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1088px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1088 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1088/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1087px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1087 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1087/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1086px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1086 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1086/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1085px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1085 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1085/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1084px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1084 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1084/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1083px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1083 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1083/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1082px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1082 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1082/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1081px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1081 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1081/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1080px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1080 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1080/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1079px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1079 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1079/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1078px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1078 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1078/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1077px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1077 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1077/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1076px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1076 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1076/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1075px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1075 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1075/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1074px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1074 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1074/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1073px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1073 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1073/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1072px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1072 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1072/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1071px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1071 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1071/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1070px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1070 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1070/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1069px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1069 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1069/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1068px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1068 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1068/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1067px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1067 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1067/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1066px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1066 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1066/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1065px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1065 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1065/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1064px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1064 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1064/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1063px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1063 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1063/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1062px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1062 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1062/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1061px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1061 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1061/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1060px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1060 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1060/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1059px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1059 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1059/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1058px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1058 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1058/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1057px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1057 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1057/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1056px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1056 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1056/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1055px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1055 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1055/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1054px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1054 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1054/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1053px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1053 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1053/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1052px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1052 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1052/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1051px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1051 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1051/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1050px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1050 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1050/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1049px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1049 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1049/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1048px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1048 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1048/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1047px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1047 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1047/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1046px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1046 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1046/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1045px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1045 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1045/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1044px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1044 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1044/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1043px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1043 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1043/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1042px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1042 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1042/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1041px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1041 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1041/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1040px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1040 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1040/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1039px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1039 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1039/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1038px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1038 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1038/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1037px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1037 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1037/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1036px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1036 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1036/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1035px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1035 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1035/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1034px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1034 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1034/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1033px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1033 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1033/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1032px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1032 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1032/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1031px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1031 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1031/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1030px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1030 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1030/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1029px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1029 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1029/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1028px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1028 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1028/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1027px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1027 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1027/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1026px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1026 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1026/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1025px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1025 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1025/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1024px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1024 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1024/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1023px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1023 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1023/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1022px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1022 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1022/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1021px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1021 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1021/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1020px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1020 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1020/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1019px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1019 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1019/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1018px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1018 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1018/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1017px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1017 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1017/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1016px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1016 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1016/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1015px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1015 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1015/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1014px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1014 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1014/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1013px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1013 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1013/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1012px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1012 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1012/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1011px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1011 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1011/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1010px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1010 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1010/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1009px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1009 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1009/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1008px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1008 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1008/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1007px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1007 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1007/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1006px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1006 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1006/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1005px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1005 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1005/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1004px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1004 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1004/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1003px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1003 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1003/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1002px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1002 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1002/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1001px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1001 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1001/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 1000px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (1000 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(1000/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 999px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (999 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(999/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 998px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (998 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(998/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 997px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (997 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(997/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 996px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (996 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(996/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 995px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (995 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(995/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 994px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (994 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(994/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 993px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (993 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(993/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 992px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (992 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(992/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 991px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (991 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(991/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 990px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (990 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(990/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 989px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (989 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(989/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 988px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (988 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(988/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 987px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (987 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(987/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 986px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (986 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(986/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 985px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (985 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(985/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 984px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (984 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(984/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 983px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (983 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(983/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 982px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (982 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(982/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 981px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (981 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(981/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 980px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (980 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(980/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 979px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (979 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(979/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 978px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (978 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(978/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 977px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (977 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(977/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 976px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (976 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(976/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 975px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (975 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(975/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 974px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (974 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(974/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 973px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (973 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(973/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 972px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (972 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(972/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 971px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (971 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(971/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 970px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (970 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(970/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 969px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (969 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(969/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 968px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (968 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(968/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 967px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (967 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(967/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 966px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (966 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(966/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 965px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (965 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(965/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 964px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (964 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(964/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 963px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (963 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(963/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 962px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (962 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(962/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 961px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (961 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(961/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 960px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (960 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(960/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 959px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (959 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(959/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 958px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (958 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(958/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 957px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (957 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(957/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 956px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (956 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(956/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 955px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (955 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(955/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 954px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (954 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(954/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 953px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (953 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(953/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 952px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (952 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(952/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 951px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (951 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(951/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 950px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (950 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(950/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 949px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (949 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(949/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 948px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (948 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(948/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 947px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (947 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(947/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 946px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (946 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(946/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 945px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (945 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(945/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 944px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (944 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(944/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 943px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (943 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(943/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 942px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (942 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(942/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 941px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (941 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(941/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 940px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (940 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(940/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 939px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (939 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(939/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 938px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (938 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(938/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 937px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (937 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(937/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 936px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (936 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(936/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 935px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (935 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(935/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 934px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (934 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(934/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 933px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (933 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(933/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 932px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (932 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(932/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 931px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (931 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(931/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 930px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (930 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(930/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 929px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (929 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(929/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 928px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (928 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(928/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 927px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (927 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(927/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 926px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (926 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(926/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 925px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (925 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(925/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 924px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (924 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(924/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 923px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (923 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(923/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 922px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (922 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(922/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 921px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (921 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(921/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 920px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (920 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(920/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 919px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (919 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(919/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 918px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (918 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(918/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 917px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (917 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(917/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 916px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (916 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(916/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 915px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (915 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(915/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 914px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (914 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(914/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 913px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (913 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(913/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 912px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (912 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(912/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 911px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (911 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(911/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 910px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (910 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(910/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 909px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (909 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(909/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 908px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (908 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(908/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 907px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (907 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(907/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 906px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (906 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(906/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 905px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (905 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(905/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 904px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (904 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(904/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 903px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (903 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(903/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 902px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (902 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(902/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 901px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (901 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(901/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 900px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (900 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(900/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 899px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (899 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(899/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 898px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (898 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(898/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 897px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (897 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(897/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 896px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (896 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(896/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 895px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (895 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(895/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 894px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (894 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(894/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 893px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (893 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(893/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 892px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (892 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(892/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 891px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (891 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(891/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 890px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (890 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(890/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 889px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (889 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(889/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 888px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (888 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(888/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 887px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (887 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(887/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 886px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (886 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(886/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 885px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (885 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(885/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 884px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (884 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(884/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 883px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (883 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(883/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 882px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (882 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(882/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 881px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (881 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(881/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 880px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (880 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(880/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 879px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (879 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(879/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 878px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (878 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(878/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 877px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (877 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(877/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 876px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (876 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(876/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 875px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (875 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(875/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 874px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (874 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(874/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 873px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (873 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(873/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 872px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (872 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(872/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 871px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (871 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(871/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 870px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (870 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(870/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 869px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (869 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(869/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 868px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (868 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(868/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 867px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (867 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(867/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 866px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (866 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(866/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 865px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (865 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(865/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 864px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (864 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(864/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 863px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (863 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(863/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 862px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (862 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(862/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 861px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (861 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(861/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 860px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (860 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(860/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 859px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (859 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(859/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 858px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (858 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(858/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 857px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (857 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(857/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 856px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (856 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(856/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 855px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (855 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(855/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 854px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (854 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(854/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 853px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (853 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(853/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 852px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (852 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(852/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 851px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (851 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(851/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 850px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (850 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(850/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 849px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (849 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(849/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 848px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (848 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(848/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 847px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (847 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(847/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 846px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (846 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(846/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 845px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (845 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(845/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 844px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (844 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(844/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 843px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (843 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(843/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 842px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (842 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(842/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 841px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (841 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(841/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 840px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (840 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(840/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 839px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (839 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(839/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 838px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (838 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(838/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 837px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (837 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(837/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 836px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (836 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(836/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 835px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (835 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(835/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 834px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (834 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(834/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 833px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (833 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(833/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 832px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (832 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(832/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 831px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (831 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(831/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 830px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (830 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(830/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 829px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (829 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(829/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 828px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (828 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(828/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 827px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (827 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(827/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 826px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (826 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(826/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 825px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (825 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(825/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 824px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (824 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(824/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 823px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (823 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(823/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 822px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (822 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(822/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 821px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (821 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(821/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 820px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (820 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(820/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 819px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (819 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(819/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 818px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (818 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(818/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 817px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (817 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(817/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 816px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (816 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(816/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 815px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (815 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(815/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 814px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (814 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(814/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 813px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (813 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(813/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 812px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (812 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(812/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 811px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (811 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(811/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 810px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (810 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(810/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 809px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (809 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(809/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 808px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (808 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(808/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 807px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (807 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(807/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 806px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (806 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(806/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 805px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (805 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(805/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 804px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (804 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(804/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 803px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (803 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(803/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 802px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (802 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(802/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 801px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (801 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(801/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 800px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (800 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(800/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 799px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (799 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(799/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 798px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (798 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(798/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 797px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (797 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(797/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 796px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (796 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(796/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 795px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (795 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(795/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 794px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (794 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(794/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 793px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (793 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(793/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 792px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (792 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(792/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 791px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (791 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(791/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 790px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (790 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(790/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 789px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (789 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(789/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 788px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (788 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(788/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 787px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (787 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(787/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 786px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (786 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(786/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 785px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (785 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(785/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 784px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (784 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(784/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 783px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (783 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(783/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 782px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (782 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(782/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 781px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (781 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(781/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 780px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (780 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(780/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 779px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (779 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(779/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 778px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (778 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(778/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 777px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (777 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(777/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 776px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (776 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(776/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 775px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (775 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(775/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 774px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (774 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(774/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 773px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (773 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(773/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 772px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (772 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(772/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 771px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (771 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(771/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 770px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (770 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(770/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 769px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (769 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(769/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 768px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (768 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(768/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 767px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (767 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(767/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 766px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (766 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(766/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 765px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (765 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(765/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 764px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (764 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(764/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 763px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (763 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(763/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 762px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (762 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(762/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 761px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (761 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(761/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 760px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (760 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(760/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 759px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (759 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(759/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 758px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (758 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(758/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 757px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (757 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(757/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 756px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (756 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(756/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 755px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (755 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(755/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 754px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (754 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(754/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 753px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (753 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(753/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 752px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (752 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(752/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 751px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (751 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(751/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 750px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (750 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(750/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 749px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (749 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(749/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 748px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (748 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(748/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 747px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (747 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(747/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 746px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (746 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(746/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 745px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (745 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(745/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 744px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (744 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(744/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 743px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (743 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(743/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 742px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (742 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(742/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 741px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (741 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(741/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 740px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (740 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(740/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 739px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (739 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(739/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 738px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (738 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(738/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 737px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (737 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(737/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 736px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (736 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(736/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 735px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (735 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(735/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 734px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (734 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(734/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 733px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (733 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(733/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 732px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (732 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(732/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 731px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (731 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(731/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 730px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (730 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(730/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 729px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (729 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(729/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 728px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (728 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(728/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 727px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (727 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(727/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 726px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (726 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(726/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 725px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (725 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(725/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 724px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (724 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(724/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 723px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (723 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(723/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 722px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (722 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(722/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 721px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (721 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(721/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 720px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (720 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(720/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 719px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (719 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(719/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 718px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (718 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(718/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 717px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (717 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(717/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 716px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (716 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(716/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 715px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (715 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(715/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 714px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (714 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(714/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 713px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (713 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(713/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 712px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (712 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(712/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 711px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (711 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(711/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 710px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (710 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(710/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 709px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (709 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(709/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 708px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (708 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(708/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 707px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (707 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(707/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 706px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (706 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(706/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 705px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (705 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(705/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 704px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (704 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(704/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 703px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (703 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(703/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 702px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (702 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(702/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 701px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (701 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(701/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 700px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (700 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(700/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 699px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (699 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(699/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 698px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (698 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(698/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 697px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (697 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(697/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 696px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (696 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(696/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 695px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (695 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(695/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 694px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (694 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(694/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 693px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (693 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(693/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 692px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (692 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(692/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 691px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (691 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(691/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 690px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (690 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(690/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 689px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (689 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(689/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 688px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (688 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(688/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 687px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (687 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(687/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 686px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (686 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(686/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 685px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (685 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(685/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 684px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (684 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(684/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 683px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (683 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(683/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 682px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (682 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(682/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 681px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (681 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(681/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 680px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (680 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(680/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 679px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (679 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(679/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 678px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (678 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(678/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 677px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (677 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(677/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 676px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (676 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(676/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 675px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (675 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(675/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 674px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (674 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(674/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 673px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (673 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(673/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 672px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (672 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(672/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 671px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (671 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(671/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 670px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (670 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(670/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 669px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (669 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(669/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 668px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (668 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(668/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 667px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (667 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(667/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 666px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (666 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(666/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 665px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (665 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(665/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 664px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (664 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(664/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 663px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (663 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(663/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 662px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (662 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(662/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 661px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (661 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(661/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 660px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (660 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(660/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 659px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (659 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(659/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 658px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (658 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(658/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 657px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (657 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(657/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 656px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (656 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(656/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 655px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (655 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(655/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 654px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (654 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(654/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 653px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (653 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(653/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 652px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (652 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(652/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 651px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (651 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(651/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 650px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (650 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(650/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 649px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (649 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(649/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 648px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (648 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(648/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 647px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (647 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(647/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 646px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (646 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(646/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 645px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (645 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(645/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 644px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (644 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(644/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 643px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (643 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(643/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 642px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (642 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(642/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 641px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (641 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(641/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 640px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (640 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(640/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 639px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (639 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(639/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 638px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (638 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(638/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 637px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (637 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(637/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 636px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (636 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(636/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 635px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (635 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(635/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 634px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (634 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(634/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 633px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (633 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(633/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 632px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (632 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(632/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 631px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (631 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(631/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 630px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (630 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(630/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 629px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (629 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(629/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 628px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (628 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(628/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 627px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (627 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(627/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 626px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (626 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(626/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 625px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (625 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(625/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 624px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (624 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(624/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 623px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (623 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(623/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 622px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (622 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(622/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 621px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (621 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(621/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 620px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (620 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(620/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 619px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (619 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(619/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 618px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (618 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(618/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 617px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (617 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(617/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 616px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (616 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(616/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 615px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (615 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(615/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 614px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (614 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(614/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 613px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (613 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(613/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 612px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (612 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(612/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 611px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (611 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(611/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 610px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (610 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(610/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 609px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (609 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(609/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 608px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (608 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(608/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 607px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (607 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(607/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 606px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (606 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(606/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 605px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (605 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(605/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 604px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (604 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(604/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 603px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (603 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(603/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 602px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (602 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(602/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 601px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (601 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(601/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 600px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (600 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(600/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 599px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (599 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(599/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 598px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (598 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(598/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 597px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (597 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(597/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 596px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (596 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(596/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 595px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (595 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(595/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 594px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (594 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(594/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 593px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (593 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(593/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 592px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (592 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(592/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 591px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (591 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(591/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 590px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (590 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(590/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 589px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (589 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(589/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 588px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (588 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(588/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 587px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (587 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(587/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 586px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (586 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(586/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 585px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (585 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(585/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 584px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (584 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(584/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 583px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (583 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(583/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 582px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (582 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(582/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 581px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (581 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(581/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 580px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (580 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(580/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 579px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (579 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(579/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 578px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (578 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(578/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 577px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (577 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(577/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 576px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (576 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(576/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 575px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (575 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(575/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 574px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (574 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(574/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 573px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (573 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(573/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 572px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (572 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(572/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 571px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (571 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(571/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 570px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (570 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(570/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 569px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (569 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(569/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 568px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (568 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(568/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 567px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (567 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(567/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 566px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (566 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(566/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 565px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (565 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(565/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 564px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (564 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(564/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 563px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (563 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(563/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 562px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (562 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(562/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 561px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (561 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(561/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 560px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (560 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(560/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 559px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (559 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(559/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 558px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (558 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(558/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 557px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (557 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(557/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 556px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (556 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(556/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 555px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (555 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(555/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 554px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (554 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(554/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 553px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (553 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(553/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 552px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (552 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(552/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 551px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (551 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(551/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 550px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (550 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(550/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 549px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (549 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(549/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 548px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (548 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(548/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 547px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (547 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(547/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 546px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (546 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(546/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 545px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (545 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(545/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 544px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (544 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(544/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 543px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (543 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(543/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 542px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (542 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(542/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 541px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (541 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(541/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 540px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (540 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(540/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 539px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (539 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(539/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 538px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (538 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(538/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 537px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (537 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(537/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 536px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (536 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(536/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 535px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (535 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(535/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 534px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (534 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(534/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 533px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (533 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(533/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 532px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (532 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(532/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 531px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (531 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(531/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 530px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (530 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(530/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 529px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (529 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(529/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 528px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (528 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(528/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 527px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (527 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(527/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 526px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (526 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(526/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 525px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (525 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(525/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 524px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (524 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(524/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 523px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (523 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(523/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 522px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (522 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(522/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 521px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (521 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(521/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 520px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (520 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(520/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 519px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (519 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(519/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 518px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (518 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(518/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 517px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (517 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(517/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 516px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (516 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(516/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 515px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (515 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(515/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 514px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (514 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(514/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 513px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (513 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(513/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 512px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (512 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(512/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 511px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (511 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(511/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 510px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (510 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(510/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 509px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (509 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(509/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 508px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (508 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(508/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 507px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (507 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(507/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 506px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (506 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(506/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 505px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (505 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(505/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 504px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (504 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(504/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 503px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (503 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(503/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 502px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (502 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(502/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 501px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (501 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(501/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 500px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (500 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(500/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 499px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (499 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(499/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 498px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (498 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(498/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 497px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (497 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(497/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 496px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (496 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(496/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 495px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (495 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(495/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 494px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (494 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(494/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 493px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (493 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(493/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 492px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (492 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(492/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 491px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (491 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(491/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 490px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (490 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(490/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 489px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (489 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(489/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 488px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (488 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(488/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 487px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (487 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(487/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 486px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (486 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(486/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 485px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (485 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(485/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 484px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (484 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(484/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 483px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (483 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(483/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 482px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (482 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(482/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 481px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (481 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(481/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 480px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (480 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(480/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 479px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (479 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(479/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 478px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (478 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(478/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 477px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (477 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(477/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 476px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (476 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(476/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 475px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (475 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(475/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 474px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (474 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(474/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 473px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (473 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(473/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 472px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (472 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(472/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 471px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (471 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(471/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 470px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (470 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(470/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 469px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (469 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(469/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 468px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (468 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(468/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 467px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (467 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(467/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 466px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (466 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(466/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 465px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (465 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(465/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 464px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (464 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(464/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 463px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (463 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(463/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 462px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (462 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(462/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 461px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (461 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(461/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 460px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (460 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(460/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 459px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (459 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(459/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 458px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (458 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(458/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 457px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (457 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(457/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 456px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (456 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(456/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 455px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (455 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(455/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 454px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (454 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(454/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 453px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (453 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(453/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 452px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (452 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(452/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 451px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (451 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(451/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 450px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (450 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(450/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 449px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (449 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(449/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 448px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (448 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(448/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 447px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (447 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(447/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 446px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (446 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(446/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 445px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (445 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(445/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 444px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (444 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(444/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 443px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (443 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(443/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 442px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (442 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(442/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 441px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (441 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(441/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 440px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (440 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(440/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 439px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (439 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(439/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 438px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (438 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(438/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 437px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (437 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(437/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 436px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (436 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(436/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 435px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (435 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(435/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 434px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (434 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(434/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 433px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (433 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(433/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 432px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (432 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(432/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 431px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (431 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(431/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 430px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (430 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(430/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 429px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (429 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(429/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 428px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (428 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(428/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 427px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (427 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(427/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 426px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (426 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(426/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 425px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (425 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(425/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 424px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (424 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(424/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 423px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (423 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(423/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 422px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (422 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(422/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 421px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (421 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(421/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 420px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (420 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(420/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 419px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (419 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(419/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 418px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (418 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(418/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 417px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (417 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(417/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 416px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (416 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(416/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 415px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (415 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(415/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 414px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (414 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(414/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 413px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (413 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(413/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 412px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (412 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(412/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 411px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (411 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(411/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 410px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (410 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(410/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 409px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (409 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(409/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 408px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (408 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(408/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 407px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (407 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(407/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 406px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (406 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(406/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 405px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (405 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(405/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 404px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (404 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(404/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 403px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (403 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(403/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 402px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (402 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(402/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 401px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (401 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(401/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 400px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (400 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(400/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 399px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (399 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(399/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 398px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (398 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(398/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 397px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (397 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(397/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 396px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (396 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(396/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 395px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (395 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(395/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 394px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (394 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(394/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 393px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (393 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(393/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 392px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (392 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(392/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 391px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (391 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(391/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 390px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (390 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(390/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 389px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (389 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(389/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 388px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (388 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(388/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 387px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (387 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(387/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 386px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (386 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(386/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 385px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (385 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(385/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 384px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (384 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(384/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 383px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (383 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(383/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 382px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (382 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(382/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 381px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (381 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(381/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 380px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (380 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(380/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 379px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (379 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(379/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 378px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (378 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(378/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 377px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (377 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(377/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 376px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (376 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(376/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 375px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (375 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(375/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 374px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (374 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(374/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 373px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (373 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(373/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 372px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (372 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(372/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 371px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (371 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(371/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 370px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (370 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(370/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 369px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (369 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(369/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 368px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (368 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(368/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 367px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (367 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(367/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 366px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (366 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(366/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 365px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (365 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(365/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 364px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (364 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(364/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 363px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (363 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(363/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 362px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (362 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(362/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 361px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (361 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(361/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 360px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (360 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(360/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 359px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (359 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(359/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 358px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (358 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(358/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 357px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (357 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(357/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 356px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (356 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(356/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 355px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (355 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(355/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 354px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (354 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(354/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 353px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (353 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(353/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 352px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (352 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(352/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 351px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (351 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(351/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 350px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (350 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(350/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 349px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (349 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(349/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 348px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (348 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(348/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 347px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (347 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(347/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 346px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (346 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(346/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 345px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (345 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(345/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 344px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (344 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(344/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 343px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (343 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(343/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 342px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (342 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(342/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 341px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (341 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(341/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 340px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (340 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(340/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 339px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (339 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(339/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 338px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (338 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(338/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 337px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (337 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(337/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 336px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (336 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(336/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 335px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (335 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(335/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 334px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (334 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(334/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 333px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (333 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(333/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 332px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (332 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(332/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 331px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (331 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(331/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 330px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (330 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(330/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 329px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (329 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(329/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 328px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (328 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(328/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 327px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (327 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(327/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 326px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (326 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(326/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 325px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (325 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(325/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 324px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (324 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(324/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 323px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (323 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(323/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 322px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (322 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(322/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 321px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (321 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(321/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 320px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (320 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(320/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 319px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (319 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(319/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 318px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (318 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(318/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 317px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (317 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(317/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 316px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (316 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(316/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 315px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (315 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(315/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 314px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (314 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(314/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 313px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (313 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(313/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 312px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (312 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(312/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 311px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (311 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(311/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 310px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (310 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(310/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 309px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (309 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(309/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 308px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (308 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(308/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 307px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (307 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(307/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 306px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (306 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(306/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 305px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (305 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(305/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 304px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (304 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(304/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 303px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (303 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(303/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 302px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (302 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(302/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 301px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (301 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(301/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 300px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (300 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(300/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 299px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (299 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(299/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 298px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (298 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(298/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 297px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (297 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(297/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 296px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (296 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(296/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 295px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (295 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(295/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 294px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (294 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(294/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 293px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (293 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(293/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 292px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (292 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(292/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 291px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (291 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(291/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 290px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (290 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(290/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 289px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (289 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(289/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 288px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (288 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(288/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 287px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (287 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(287/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 286px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (286 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(286/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 285px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (285 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(285/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 284px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (284 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(284/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 283px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (283 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(283/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 282px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (282 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(282/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 281px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (281 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(281/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 280px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (280 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(280/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 279px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (279 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(279/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 278px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (278 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(278/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 277px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (277 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(277/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 276px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (276 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(276/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 275px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (275 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(275/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 274px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (274 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(274/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 273px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (273 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(273/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 272px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (272 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(272/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 271px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (271 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(271/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 270px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (270 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(270/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 269px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (269 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(269/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 268px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (268 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(268/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 267px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (267 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(267/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 266px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (266 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(266/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 265px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (265 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(265/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 264px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (264 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(264/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 263px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (263 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(263/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 262px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (262 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(262/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 261px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (261 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(261/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 260px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (260 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(260/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 259px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (259 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(259/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 258px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (258 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(258/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 257px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (257 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(257/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 256px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (256 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(256/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 255px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (255 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(255/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 254px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (254 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(254/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 253px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (253 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(253/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 252px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (252 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(252/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 251px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (251 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(251/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 250px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (250 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(250/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 249px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (249 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(249/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 248px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (248 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(248/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 247px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (247 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(247/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 246px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (246 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(246/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 245px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (245 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(245/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 244px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (244 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(244/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 243px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (243 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(243/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 242px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (242 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(242/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 241px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (241 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(241/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 240px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (240 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(240/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 239px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (239 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(239/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 238px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (238 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(238/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 237px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (237 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(237/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 236px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (236 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(236/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 235px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (235 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(235/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 234px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (234 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(234/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 233px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (233 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(233/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 232px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (232 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(232/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 231px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (231 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(231/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 230px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (230 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(230/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 229px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (229 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(229/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 228px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (228 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(228/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 227px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (227 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(227/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 226px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (226 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(226/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 225px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (225 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(225/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 224px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (224 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(224/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 223px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (223 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(223/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 222px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (222 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(222/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 221px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (221 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(221/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 220px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (220 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(220/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 219px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (219 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(219/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 218px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (218 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(218/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 217px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (217 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(217/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 216px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (216 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(216/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 215px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (215 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(215/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 214px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (214 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(214/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 213px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (213 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(213/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 212px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (212 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(212/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 211px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (211 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(211/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 210px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (210 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(210/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 209px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (209 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(209/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 208px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (208 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(208/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 207px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (207 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(207/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 206px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (206 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(206/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 205px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (205 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(205/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 204px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (204 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(204/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 203px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (203 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(203/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 202px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (202 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(202/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 201px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (201 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(201/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 200px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (200 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(200/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 199px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (199 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(199/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 198px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (198 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(198/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 197px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (197 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(197/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 196px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (196 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(196/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 195px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (195 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(195/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 194px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (194 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(194/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 193px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (193 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(193/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 192px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (192 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(192/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 191px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (191 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(191/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 190px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (190 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(190/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 189px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (189 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(189/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 188px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (188 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(188/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 187px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (187 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(187/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 186px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (186 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(186/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 185px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (185 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(185/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 184px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (184 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(184/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 183px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (183 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(183/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 182px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (182 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(182/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 181px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (181 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(181/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 180px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (180 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(180/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 179px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (179 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(179/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 178px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (178 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(178/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 177px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (177 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(177/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 176px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (176 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(176/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 175px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (175 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(175/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 174px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (174 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(174/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 173px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (173 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(173/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 172px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (172 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(172/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 171px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (171 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(171/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 170px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (170 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(170/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 169px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (169 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(169/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 168px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (168 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(168/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 167px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (167 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(167/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 166px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (166 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(166/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 165px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (165 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(165/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 164px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (164 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(164/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 163px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (163 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(163/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 162px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (162 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(162/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 161px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (161 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(161/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 160px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (160 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(160/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 159px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (159 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(159/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 158px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (158 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(158/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 157px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (157 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(157/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 156px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (156 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(156/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 155px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (155 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(155/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 154px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (154 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(154/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 153px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (153 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(153/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 152px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (152 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(152/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 151px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (151 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(151/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 150px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (150 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(150/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 149px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (149 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(149/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 148px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (148 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(148/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 147px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (147 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(147/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 146px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (146 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(146/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 145px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (145 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(145/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 144px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (144 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(144/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 143px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (143 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(143/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 142px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (142 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(142/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 141px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (141 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(141/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 140px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (140 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(140/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 139px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (139 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(139/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 138px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (138 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(138/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 137px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (137 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(137/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 136px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (136 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(136/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 135px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (135 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(135/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 134px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (134 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(134/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 133px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (133 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(133/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 132px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (132 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(132/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 131px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (131 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(131/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 130px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (130 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(130/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 129px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (129 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(129/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 128px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (128 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(128/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 127px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (127 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(127/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 126px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (126 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(126/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 125px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (125 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(125/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 124px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (124 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(124/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 123px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (123 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(123/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 122px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (122 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(122/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 121px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (121 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(121/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 120px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (120 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(120/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 119px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (119 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(119/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 118px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (118 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(118/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 117px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (117 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(117/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 116px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (116 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(116/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 115px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (115 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(115/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 114px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (114 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(114/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 113px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (113 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(113/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 112px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (112 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(112/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 111px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (111 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(111/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 110px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (110 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(110/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 109px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (109 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(109/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 108px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (108 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(108/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 107px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (107 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(107/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 106px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (106 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(106/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 105px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (105 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(105/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 104px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (104 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(104/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 103px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (103 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(103/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 102px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (102 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(102/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 101px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (101 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(101/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}
@media only screen and (max-width: 100px) {
    .mapres {
        position: relative; 
        width: 100%;
        height: calc(784 * (100 / 1351) * 1px);
    }
    .rectangle {
        transform: scale(calc(100/1351));
        transform-origin: top left; 
        position: absolute !important; 
    }
    element.style {
    display: flex;
    left: 0px ;
    right: 0px;
    }
}