@media (min-width:1200px) {
  .container {
    max-width:100%;
  }
}

p {
  margin-top:0;
  margin-bottom:1rem;
  text-align:center;
}

#kawa {
  background-image:url(kawa2.jpg);
  transition-duration:2s;
  -webkit-transition-duration:2s;
  width:635px;
}

#kawa:hover {
  background-image:url(kawa.jpg);
  width:660px;
}

@media (min-width:600px) {
  .col-xl-2 {
    -ms-flex:0 0 16.666667%;
    flex:0 0 16.666667%;
    max-width:16.666667%;
  }
}

@media (min-width:992px) {
  .col-xl-4 {
    -ms-flex:0 0 33.333333%;
    flex:0 0 33.333333%;
    max-width:33.333333%;
  }
}

@media (min-width:1200px) {
  .col-xl-4 {
    -ms-flex:0 0 33.333333%;
    flex:0 0 33.333333%;
    max-width:33.333333%;
  }
}

@media (min-width: 992px) {
  #as {
    -ms-flex:0 0 33.333333%;
    flex:0 0 16.333333%;
    max-width:33.333333%;
  }
}

@media (min-width:1200px) {
  .col-xl-3 {
    -ms-flex:0 0 25%;
    flex:0 0 25%;
    max-width:33%;
  }
}

@media (min-width:1200px) {
  .col-xl-3 {
  }
}

@media (min-width: 1200px) {
  #as {
    width:700px;
    -ms-flex:0 0 33.333333%;
    flex:0 0 16.333333%;
    max-width:33.333333%;
  }
}

@media (min-width: 992px) {
  #qw {
  }
}

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

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

#kwiatek2 {
}

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

@media (min-width: 1200px) {
  #kwiatek {
    display:block;
  }
}

.row {
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin-right:-15px;
  margin-left:-15px;
  /*width:100%;*/
}

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

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

#chowac {
  display:none;
}

@media (min-width: 768px) {
  #chowac {
    display:inline;
  }
}

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

@media (min-width: 768px) {
  #drzewo {
    display:inline;
  }
}

@media (min-width: 992px) {
  #kobieta {
    display:none;
  }
}

@media (min-width: 1200px) {
  #kobieta {
    display:inline-flex;
  }
}

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

@media (min-width: 1200px) {
  #kobieta {
    display:grid;
  }
}

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

@media (min-width: 1200px) {
  #nozyczki {
    display:inline;
  }
}

@media (min-width: 1200px) {
  #nitki {
    width:198.828px;
    height:331px;
  }
}

@media (min-width: 992px) {
  #nitki {
    width:500px;
    height:331px;
  }
}

@media (min-width:992px) {
  .col-lg-2 {
  }
}

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

@media (min-width: 1200px) {
  #full {
    display:inline;
  }
}

@media (min-width: 1200px) {
  #inne {
    display:none;
  }
}

#drzewwko {
}

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

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

@media (min-width: 300px) {
  #zele {
    height:530px;
  }
}

#przyciskd {
  font-family:'Amatic SC', cursive;
  font-size:65px;
  align-items:center;
  display:flex;
  justify-content:center;
  text-align:center;
  margin:0 auto;
  margin-top:100px;
}

@media (min-width: 576px) {
  #przyciskd {
    font-family:'Amatic SC', cursive;
    font-size:65px;
    align-items:center;
    display:flex;
    justify-content:center;
    text-align:center;
    margin:0 auto;
    margin-top:100px;
  }
}

@media (min-width: 992px) {
  #przycisks {
    font-family:'Amatic SC', cursive;
    font-size:50px;
    margin:0 auto;
    margin-top:40px;
  }
}

.btn-link:hover {
  color:#0056b3;
  text-decoration:none;
  background-color:transparent;
  border-color:transparent;
}

.btn:not(:disabled):not(.disabled) {
}

a:hover {
  color:#0056b3;
  text-decoration:none;
}

@media (min-width: 768px) {
  #box-2 {
    height:100vh;
    width:100%;
    background-image:url(i2.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;
}