html, body {
  margin: 0;
  scroll-behavior: smooth;
}

div {
  display: flex;
}

.nav-links, .tdevelopment, .domovuzamku, .parkhotel, .subaru-mija, .tirpakfamilyinvest {
  position: relative;
}

.nav-links a, .tdevelopment a, .domovuzamku a, .parkhotel a, .subaru-mija a, .tirpakfamilyinvest a {
  position: absolute;
  height: 35px;
  color: transparent;
}

.tdevelopment a {
  width: 440px;
  right: 8%;
  bottom: 9%;
}
.tirpakfamilyinvest a {
  width: 255px;
  right: 8%;
  bottom: 4%;
}

.domovuzamku a, .parkhotel a, .subaru-mija a {
  width: 240px;
  right: 8%;
  bottom: 11%;
}

.nav-links a {
  top: 4%;
}

.nav-links a.o-nas {
  left: 30%;
  width: 120px;
}

.nav-links a.nase-aktivity {
  left: 45%;
  width: 270px;
}

.nav-links a.investice {
  right: 26%;
  width: 195px;
}

.nav-links a.kontakt {
  right: 10%;
  width: 155px;
}

.img-responsive {
  max-width: 100%;
  width: 100%;
}


@media (min-width: 2150px) {
  .nav-links a {
    height: 40px;
  }

  .nav-links a.o-nas {
    width: 150px;
  }

  .nav-links a.nase-aktivity {
    width: 345px;
  }

  .nav-links a.investice {
    width: 250px;
  }

  .nav-links a.kontakt {
    width: 195px;
  }

  .tdevelopment a, .domovuzamku a, .parkhotel a, .subaru-mija a, .tirpakfamilyinvest a {
    height: 45px;
  }

  .tdevelopment a {
    width: 585px;
    background-color: red;
    right: 8%;
    bottom: 9%;
  }
  .domovuzamku a {
    width: 310px;
  }
  .parkhotel a {
    width: 330px;
  }
  .subaru-mija a {
    right: 7%;
    width: 320px;
  }
  .tirpakfamilyinvest a {
    width: 350px;
  }
}

@media (min-width: 1950px) and (max-width: 2149px) {
  .nav-links a {
    height: 40px;
  }

  .nav-links a.o-nas {
    width: 145px;
  }

  .nav-links a.nase-aktivity {
    width: 280px;
  }

  .nav-links a.investice {
    width: 240px;
  }

  .nav-links a.kontakt {
    width: 185px;
  }

  .tdevelopment a {
    width: 490px;
    background-color: red;
    right: 8%;
    bottom: 9%;
  }
  .domovuzamku a {
    width: 260px;
  }
  .parkhotel a {
    width: 280px;
  }
  .tirpakfamilyinvest a {
    width: 290px;
  }
}

@media (max-width: 1900px) {

  .nav-links a.o-nas {
    width: 110px;
  }

  .nav-links a.nase-aktivity {
    width: 235px;
  }

  .nav-links a.investice {
    width: 175px;
  }

  .nav-links a.kontakt {
    width: 135px;
  }

  .tdevelopment a {
    width: 430px;
  }

  .tirpakfamilyinvest a {
    width: 250px;
  }
}

@media (max-width: 1600px) {

  .nav-links a.o-nas {
    width: 90px;
  }

  .nav-links a.nase-aktivity {
    width: 205px;
  }

  .nav-links a.investice {
    width: 150px;
  }

  .nav-links a.kontakt {
    width: 115px;
  }

  .tdevelopment a {
    width: 365px;
  }
  .subaru-mija a {
    width: 190px;
    right: 7%;
  }
  .tirpakfamilyinvest a {
    width: 210px;
  }
}

@media (max-width: 1400px) {

  .nav-links a.o-nas {
    width: 80px;
  }

  .nav-links a.nase-aktivity {
    width: 175px;
  }

  .nav-links a.investice {
    width: 130px;
  }

  .nav-links a.kontakt {
    width: 100px;
  }
  .tdevelopment a {
    width: 320px;
  }
  .parkhotel a {
    width: 180px;
  }
}

@media (max-width: 1250px) {

  .nav-links a.o-nas {
    width: 70px;
  }

  .nav-links a.nase-aktivity {
    width: 160px;
  }

  .nav-links a.investice {
    width: 115px;
  }

  .nav-links a.kontakt {
    width: 90px;
  }

  .tdevelopment a {
    width: 270px;
  }

  .domovuzamku a {
    width: 150px;
  }

  .parkhotel a {
    width: 160px;
  }

  .tirpakfamilyinvest a {
    width: 170px;
  }
}

@media (max-width: 1150px) {

  .nav-links a.o-nas {
    width: 65px;
  }

  .nav-links a.nase-aktivity {
    width: 150px;
  }

  .nav-links a.investice {
    width: 110px;
  }

  .nav-links a.kontakt {
    width: 85px;
  }

  .tdevelopment a {
    width: 235px;
  }
  .subaru-mija a {
    width: 140px;
  }
}

@media (max-width: 1024px) {
  .nav-links a {
    top: 3%;
  }

  .nav-links a.o-nas {
    left: 29%;
    width: 85px;
  }

  .nav-links a.nase-aktivity {
    left: 45%;
    width: 130px;
  }

  .nav-links a.investice {
    right: 25%;
    width: 105px;
  }

  .nav-links a.kontakt {
    right: 10%;
    width: 75px;
  }

  .tdevelopment a {
    width: 225px;
  }

  .tirpakfamilyinvest a {
    width: 140px;
  }
}

@media (max-width: 991px) {

  .nav-links a.o-nas {
    left: 30%;
    width: 55px;
  }

  .nav-links a.nase-aktivity {
    left: 45%;
    width: 125px;
  }

  .nav-links a.investice {
    right: 26%;
    width: 95px;
  }

  .nav-links a.kontakt {
    right: 10%;
    width: 75px;
  }

  .tdevelopment a {
    width: 235px;
  }

  .parkhotel a {
    width: 110px;
  }
}

@media (max-width: 850px) {

  .nav-links a.o-nas {
    left: 30%;
    width: 55px;
  }

  .nav-links a.nase-aktivity {
    left: 45%;
    width: 110px;
  }

  .nav-links a.investice {
    right: 26%;
    width: 80px;
  }

  .nav-links a.kontakt {
    right: 10%;
    width: 62px;
  }

  .tdevelopment a {
    width: 180px;
  }
  .subaru-mija a {
    width: 110px;
  }
}

@media (max-width: 768px) {
  .nav-links a {
    height: 20px;
  }

  .nav-links a.o-nas {
    left: 30%;
    width: 45px;
  }

  .nav-links a.nase-aktivity {
    left: 45%;
    width: 100px;
  }

  .nav-links a.investice {
    right: 26%;
    width: 70px;
  }

  .nav-links a.kontakt {
    right: 10%;
    width: 60px;
  }

  .tdevelopment a, .domovuzamku a, .parkhotel a, .subaru-mija a, .tirpakfamilyinvest a {
    height: 15px;
  }

  .tdevelopment a {
    width: 170px;
  }

  .tirpakfamilyinvest a {
    width: 100px;
  }
}

@media (max-width: 575px) {

  .nav-links a.o-nas {
    left: 30%;
    width: 45px;
  }

  .nav-links a.nase-aktivity {
    left: 45%;
    width: 75px;
  }

  .nav-links a.investice {
    right: 26%;
    width: 55px;
  }

  .nav-links a.kontakt {
    right: 10%;
    width: 45px;
  }
  .tdevelopment a {
    width: 130px;
  }
}

@media (max-width: 480px) {
  .nav-links a {
    top: 2%;
  }
  .nav-links a.o-nas {
    left: 30%;
    width: 25px;
  }

  .nav-links a.nase-aktivity {
    left: 45%;
    width: 55px;
  }

  .nav-links a.investice {
    right: 26%;
    width: 40px;
  }

  .nav-links a.kontakt {
    right: 10%;
    width: 33px;
  }
  .tdevelopment a {
    width: 100px;
  }
  .domovuzamku a, .parkhotel a, .subaru-mija a {
    width: 60px;
  }
}

@media (max-width: 380px) {
  .nav-links a.nase-aktivity {
    width: 42px;
  }
  .nav-links a.investice {
    width: 35px;
  }
  .tdevelopment a {
    width: 75px;
  }
  .domovuzamku a, .parkhotel a, .subaru-mija a, .tirpakfamilyinvest a {
    width: 50px;
  }
}