.bg-image{
  z-index: -1;
  position:absolute;
  height: auto;
  left: 0;
  right: 0;
  top: -100px;
  margin: 0 auto;
  width: 1200px;
  user-select: none;
  pointer-events: none;
  background-attachment: fixed;
}
.page-landing {
  position: relative;
  height: 1200px;
  margin: 0 auto;
  padding: 0 100px;
  margin-bottom: -240px;
}

.page-landing h1{
  position: absolute;
  margin: 0;
  color: #efece7;
  left: 53%;
  top: 20%;
  font-size: 94px;
  font-family: 'Fjalla One', sans-serif;
  text-shadow: 2px 2px #000000;
  max-width: 500px;
}
.panel-info{
  margin-top: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
  padding: 0px 50px;
  margin-bottom: 100px;
}
.info__left, .info__right{
  text-align: center;
  font-size: 24px ;
}
.info__left > a, .info__right > a {
  color: #5e7b5f;
  font-weight: 700;
}
.dot {
  height: 10px;
  width: 10px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  pointer-events: none;
}

@media(max-width:1250px){
  .bg-image{
    width: 900px;
    top: 0px;
  }
  .page-landing h1{
    font-size: 72px;
    top: 27%;
  }
  .page-landing {
    height: 900px;
    margin-bottom: -40px;
  }
}

@media(max-width:950px){
  .bg-image{
    width: 600px;
  }
  .page-landing h1{
    max-width: 300px;
    font-size: 48px;
  }
  .page-landing {
    height: 600px;
  }
}

@media(max-width:650px){
  .bg-image{
    width: 450px;
  }
  .page-landing h1{
    font-size: 36px;
    max-width: 180px;
  }
  .page-landing {
    height: 450px;
    margin-bottom: -40px;
  }
  .info__left, .info__right{
    text-align: center;
    font-size: 18px ;
  }
}

@media(max-width:500px){
  .bg-image{
    width: 325px;
  }
  .page-landing h1{
    max-width: 150px;
    font-size: 24px;
  }
  .page-landing {
    height: 325px;
    margin-bottom: -20px;
  }
  .panel-info{
  margin-top: 60px;
  grid-template-columns: auto;
    gap: 30px;
  }
}

@media(max-width:350px){
  .bg-image{
    width: 275px;
  }
  .page-landing h1{
    max-width: 150px;
    font-size: 22px;
  }
  .page-landing {
    height: 275px;
  }
}