body {

  display: flex;

  justify-content: center;

  align-items: center;

  background-color: black;

}



#jw {

  position: relative;



  display: flex;

  justify-content: right;



  width: 90%;

  height: fit-content;



  overflow: hidden;

}



#jw-background {

  background-image: url("./images/jw-background.png");

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  overflow: hidden;

  width: 100%;

  min-width: 800px;

  height: 100%;

  min-height: 600px;

  z-index: -1;

  position: absolute;

  top: 0;

  left: 0;

  display: flex;

}



#jw-background2 {

  background-image: url("./images/jw-background.png");

  background-size: cover;

  background-position: center;

  background-position: top;

  background-repeat: no-repeat;

  width: 80%;

  height: 80%;

  display: flex;

  flex-wrap: wrap;

  justify-content: end;
	


}



#jw-text {

  position: relative;

  color: white;

  display: flex;

  justify-content: center;

  flex-direction: column;



  font-family: "Saira Extra Condensed", sans-serif;

  width: 50%;



  margin-left: 50%;

}



#jw-text2 {

  position: relative;

  color: white;

  display: flex;

  justify-content: center;

  flex-direction: column;



  font-family: "Saira Extra Condensed", sans-serif;

  width: 40%;



  padding-top: 30px;

  margin-right: 30px;
	

  align-items: center; /* Центрира съдържанието хоризонтално */
  text-align: center; 

}



#jw-btn2 {

  color: white;

  border: solid white 1px;

  margin-top: 20px;

  margin-bottom: 40px;

  width: 100px;

  font-family: "Saira Extra Condensed", sans-serif;
	
  display: block;
	
  align-items: center;

  justify-content: center;
	
	
	

}



#jw-btn {

  position: relative;

  color: white;

  display: flex;

  justify-content: center;

  flex-direction: column;



  font-family: "Saira Extra Condensed", sans-serif;

  width: 50%;

}



#jw-text span {

  position: relative;

  margin-bottom: 2vh;

}



#jw-text-1 {

  margin-top: 130px;

  font-size: 3.5vh;

  color: #31bbbe;

}



#jw-text-2 {

  font-size: 10vh;

}



#jw-text-3 {

  font-size: 3.5vh;

}



#jw-text button {

  position: relative;

  font-family: "Saira Extra Condensed", sans-serif;

  background-color: transparent;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 20vh;

  font-size: 3vh;

  border: 2px solid white;

}



#jw-invisible {

  display: none;

  background-image: url("./images/jw-background.png");

  background-size: cover;

  background-position: center;

  background-position: top;

  background-repeat: no-repeat;

  width: 100%;

}



@media (max-width: 800px) {

  #jw-background {

    position: relative;

  }



  #jw-text {

    width: 100%;

    margin-left: 0;

  }



  #jw-text-2 {

    font-size: 6vh;

  }



  #jw {

    justify-content: center;

    flex-direction: column;

  }

}



/* .jw-separate {

  min-width: 50%;

} */



/* @media (max-width: 600px) {

  .jw-separate {

    max-width: 40%;

  }

} */



@media (max-width: 494px) {

  #jw-invisible {

    display: block;

  }



  #jw-text2 {

  width: 90%;

}



  #jw-background2 {

  background-image: none;

}

}