@media (min-width: 768px) {
  #box-1 {
    height:100vh;
    width:100%;
    background-image:url(i1.jpg);
    background-size:cover;
    display:table;
    background-attachment:fixed;
  }
}

#box-3 {
  height:100vh;
  width:100%;
  background-image:url(i3.jpg);
  background-size:cover;
  background-attachment:fixed;
}

h1 {
  font-family:arial black;
  font-size:50px;
  color:white;
  margin:0px;
  text-align:center;
  vertical-align:middle;
}

.french-span {
  display:none;
}

.english-span {
  display:none;
}

@media (min-width: 576px) {
  #mapa-duza {
    display:none;
  }
}

@media (min-width: 768px) {
  #mapa-duza {
    display:block;
  }
}

@media (min-width: 768px) {
  #mapa-mala {
    display:none;
  }
}

@media (min-width: 576px) {
  #mapa-mala {
  }
}

@media (min-width: 1200px) {
  #mapa-duza {
    display:initial;
  }
}

#mapa-duza {
}

@media (min-width: 300px) {
  #mapa-duza {
    display:none;
  }
}

@media (min-width: 768px) {
  #mapa-duza {
    display:flex;
  }
}

#onas {
}

@media (min-width: 300px) {
  .h1, h1 {
    font-size:20px;
  }
}

@media (min-width: 576px) {
  .h1, h1 {
    font-size:28px;
  }
}

@media (min-width: 768px) {
  .h1, h1 {
    font-size:32px;
  }
}

@media (min-width: 1200px) {
  .h1, h1 {
    font-size:36px;
  }
}

@media (min-width: 300px) {
  #box-2-male {
    max-height:400px;
    height:400px;
    width:367px;
    background-image:url(i2.jpg);
    background-size:cover;
    display:table;
    background-attachment:fixed;
  }
}

@media (min-width: 576px) {
  #box-2-male {
    height:400px;
    width:100%;
    background-image:url(i2.jpg);
    background-size:cover;
    display:table;
    background-attachment:fixed;
  }
}

@media (min-width: 768px) {
  #box-2-male {
    display:none;
  }
}

@media (min-width: 300px) {
  #box-2 {
    display:none;
  }
}

@media (min-width: 576px) {
  #box-2 {
    display:none;
  }
}

@media (min-width: 768px) {
  #box-2 {
    display:initial;
  }
}

@media (min-width: 768px) {
  #box-1-male {
    display:none;
  }
}

@media (min-width: 300px) {
  #box-1-male {
    background-image:url("../../assets/img/mobilne2.jpg");
    height:500px;
    background-position:right;
    background-size:cover;
    background-repeat:no-repeat;
    width:100%;
    background-image:url(i1.jpg);
    background-size:cover;
    display:table;
    background-attachment:fixed;
  }
}

@media (min-width: 768px) {
  #box-1-male {
  }
}

@media (min-width: 576px) {
  #box-1 {
    display:none;
  }
}

@media (min-width: 768px) {
  #box-1 {
    display:flex;
  }
}

@media (min-width: 300px) {
  #box-1 {
    display:none;
  }
}

@media (min-width: 768px) {
  #box-3-napis {
    font-size:32px;
  }
}

@media (min-width: 1200px) {
  #box-3-napis {
    font-size:36px;
  }
}

@media (min-width: 576px) {
  #box-3-napis {
    font-size:28px;
  }
}

@media (min-width: 300px) {
  #box-3-napis {
    font-size:20px;
  }
}

@media (min-width: 300px) {
  #mobilne {
    display:flex;
  }
}

@media (min-width: 768px) {
  #mobilne {
    display:none;
  }
}