body {
  background-color: rgb(38, 42, 43);
    width: 100%;
    height: 100%;
    /* scale it*/
    background-size: cover;
    /* center it */
    background-position: center;
    /* don't repeat it */
    background-repeat: no-repeat;
    /* fixed to the viewport */
    background-attachment: fixed;
    /*background-image: url("https://miniature-journey.pages.dev/images/DJI_0161kopia.jpg");*/
  }
  footer{
    background-image: url("footer.png");
  }

  .center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }


  .logo-main {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 75%;
    display:flex;
  }

  .logo-background {
    background-image: url("https://miniature-journey.pages.dev/images/DJI_0847kopia.jpg");
    background-size: cover;
    height: max-content;
    min-height: 100vh;
    display: flex;
    background-position: center center;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;

  }

  .image-background {
    background-size: cover;
    height: max-content;
    min-height: 100vh;
    display: flex;
    background-position: center center;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;

  }


  .logo-stopka {
    height: 17.5vh;
    background-color: rgb(38, 42, 43);
    margin-left: 2% !important;
    margin-right: 2% !important;
  }

  .frame-background {
    background-image: url("https://miniature-journey.pages.dev/images/DJI_0259kopia.jpg");
    background-size: cover;
    height: max-content;
    min-height: 30vh;
    display: flex;
    background-position: center center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgb(38, 42, 43);
  }

  .image-background-1 {
    background-image: url("https://miniature-journey.pages.dev/images/DJI_0259kopia.jpg");
  }

  .image-background-2 {
    background-image: url("https://miniature-journey.pages.dev/images/DJI_0161kopia.jpg");
  }

  .image-background-3 {
    background-image: url("https://miniature-journey.pages.dev/images/DSC02496kopia.jpg");
  }

  * {
    padding: 0px;
    margin: 0px;
  }

 .frame-box{
  display: block !important;
  margin-left: 10% !important;
  margin-top: 2% !important;
  margin-bottom: 2% !important;
  width: 50% !important;
  background-color: rgb(38, 42, 43);
 }

 .frame-box-home{
  display: block !important;
  margin-top: 2% !important;
  margin-bottom: 2% !important;
  width: 50% !important;
  background-color: rgb(38, 42, 43);
 }

 .main-text-home{
  text-align: center;
  color: rgb(255, 255, 255);
  font-size: 1.2rem;
  font-family: 'Open Sans',sans-serif;
  margin-left: 0px !important;
  line-height: 1.5;
  font-weight: normal !important;
 }

 .text-home{
  text-align: center;
  color: rgb(255, 255, 255);
  font-size: 1.2rem;
  font-family: 'Open Sans',sans-serif;
  margin-left: 0px !important;
  line-height: 1.5;
  font-weight: 100;
  width: 100%;
 }

 .text-image{
  text-align: center;
  color: rgb(255, 255, 255);
  font-size: 2.5rem !important;
  font-family: 'Open Sans',sans-serif;
  margin-left: 0px !important;
  line-height: 1.5;
  font-weight: 100;
  width: 100%;
  margin-left: 5vh !important;
  margin-right: 5vh !important;
  text-decoration: none;
 }

 .text-image-link{
  text-align: center;
  color: rgb(255, 255, 255);
  font-size: 1.2rem;
  font-family: 'Open Sans',sans-serif;
  margin-left: 0px !important;
  line-height: 1.5;
  font-weight: 100;
  width: 100%;
  text-decoration: none;
 }

 .width-100{
  width: 100% !important;
 }
 
 .height-20vh{
  height: 20vh !important;
 }
 

 .text-box{
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  color: rgb(255, 255, 255);
  font-size: 40px;
  font-family: 'Open Sans',sans-serif;
  width: 100% !important;
  margin-left: 0px !important;
 }

 .text-box2{
  margin-top: 35px !important;
  margin-bottom: 10px !important;
  width: 100% !important;
  color: rgb(255, 255, 255);
  text-shadow: rgb(0, 0, 0) 2vh 2vh 2vh !important;
  font-size: 40px;
  font-family: 'Open Sans',sans-serif;
  margin-left: 20% !important;

  word-wrap: break-word;
  position: relative;
  font-weight: normal;
 }

 .stopka{
  display: block !important;
  margin-top: 2% !important;
  margin-bottom: 2% !important;
  width: 100% !important;
  background-color: rgb(38, 42, 43);
 }
 .stopka-background{
  min-height: 30vh;
  max-height: 30vh;
 }

 .footer{
  display: block !important;
  text-align: center;
  background-position: 50% 50%;

  background-color:#000;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height:70px;
  overflow: hidden;

  background-size: cover;
  height: max-content;
 }

 .footer-text-box{
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 35px !important;
  margin-bottom: 35px !important;
  background: transparent;
  text-align: center;
  width: 100%;

 }

 .footer-text{
  color: rgb(255, 255, 255);
  font-family: 'Open Sans',sans-serif;
  text-decoration: none;
  font-size: 1.125rem;
 }

 .test-div{
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
 }

 .social{
  width: 100%;
  height: 100%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
 }
 .pusty-div{
  width: 200px;
 }
 .test-x{

  display: flex;
  flex-direction: row;
  align-items: center;
  width: 50vh;
  height: 10vh;
 }



 .rezerwacje{
  display: block !important;
  width: 100% !important;
  background-color: rgb(64, 70, 71);
 }