#box_1{
/* GRADIENT */
content: '';
position: absolute;
left: 0; top: 0;
width: 100%; 
background: #000;
  padding-top:30px;
/*background-image: url(/rezerwacje/upload/bx1.jpg) !important;*/
      background-image: url(/rezerwacje/homepage_boxes/2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
  border-top:2px solid #D1B219;
} 
/* GRADIENT*/
#box_1::after {
	content: '';
  	z-index: 0;
  	position: absolute;
  	left: 0; top: 0;
  	width: 100%; height: 100%;
  	background:linear-gradient(168deg, rgb(255 255 255 / 0%) 0%, rgba(0,0,0,1) 100%);
  background:linear-gradient(180deg, rgba(0,0,0,1) -2%, rgb(255 255 255 / 0%) 50%, rgba(0,0,0,1) 100%);
  background:linear-gradient(180deg, rgba(0,0,0,1) 0%, rgb(255 255 255 / 0%) 31%, rgba(255,255,255,0) 58%, rgba(0,0,0,1) 100%);
}
#box_ 1 *{
font-family: exo !important;
}
#box_1 .container{
    z-index: 1;
    position: relative;
}

#box_1 .content_wrap{
  min-height:20vh;
    display:flex;
  align-items:center;
  justify-content:center;
  padding-top:40px;
}
#box_1 .about-title{
text-align:center;
}

#box_1 .inner-wrap{
    padding: 20px 30px;
   background:rgba(241,244,246,0.90);
    color:#212529;
      border-radius: 5px;
}
#box_1 .inner-wrap h3,#box_1 .inner-wrap p{
    color:#212529;
}
#box_1 .about-text{
display:flex;
  flex-direction:column;
  align-items:center;
}
#box_1 .about-text a{
margin:15px 0 30px;
  background:#FF7D02;
  border-radius:15px;
  padding:6px 12px;
  transition:.3s;
  color:white;
  font-family: exo !important;
  
}
#box_1 .about-text a:hover{
text-decoration:none;
  transform:scale(1.1);
}
#box_1 h1{
font-family: exo !important;
}

#box_1{
  position:relative;
}
#box_1 div.wrap{
  background:rgba(255,255,255,0.5);
  position:absolute;
  left:80px;
  top:80px;
  width:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:45px 100px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  
  background: rgb(47,92,143);
  background: linear-gradient(230deg, rgba(47,92,143,.8) 0%, rgba(169,103,98,.8) 60%, rgba(216,92,39,.8) 100%);
}

#box_1 a {
  text-align:center;
  display:flex;
  justify-content: center;
}
#box_1 a {
  text-decoration: none;
  color:#D1B219;
  text-transform:uppercase;
  transition:.3s;
}
#box_1 h4{
color:#646464;
font-family: exo !important;
  border-bottom: 1px solid #ccc;
padding-bottom: 5px;
  margin:10px 0;
  text-align:center;
}
#box_1 h3{
color:#000;
font-family: exo !important;
  filter:drop-shadow(2px 4px 6px black);
}
#box_1 p.www{
font-size:16px;
  text-align:center;
}
#box_1 p.dolewej{
align-self:flex-start;
}
/*
@media(max-width:999px){
  #box_1{
  overflow-x:hidden;
  }
#box_1 div.wrap {
    position: static;
    width: 80%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px;
  margin:0 auto;
  }
    #box_1 .wrap p{
  font-size:14px;
  }
  #box_1 .post-box-1{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #box_1 h3{
  text-align:center;
  }
}*/

#box_1 *{
color:#fff;
}
#box_1 .zapisy{
display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
}
#box_1 .zapisy .turniej{
flex-basis: 30%;
  padding:10px;
 display:flex;
  flex-direction:column;
  align-items:center;
  background:white;
  margin: 15px;
  filter:drop-shadow(2px 4px 6px rgba(255,255,255,.5));
  transition:.4s;
  border-radius:.8rem;
  position:relative;
}
#box_1 .zapisy .turniej a{
position:absolute;
left:50%;
bottom:0px;
transform:translateX(-50%);
}
#box-1 .turniej div p{
margin: 0 4px !important;
}
#box_1 .zapisy .turniej:hover{
transform:scale(1.1);
}
#box_1 .zapisy .turniej p{
  color:black;
  font-family: exo !important;
}
#box_1 .zapisy .turniej a{
color:#D1B219;
  text-transform:uppercase;
  transition:.3s;
  font-family: exo !important;
      width: 100%;
    background: #d1b219;
    border-bottom-left-radius: 0.8rem;
    border-bottom-right-radius: 0.8rem;
    padding: 10px 0;
    color: white;
    font-weight: 900;
}
#box_1 .zapisy .turniej a:hover{
font-weight:700;
}
#box_1 .zapisy .turniej p:first-child{
}
@media(max-width:1500px){
  #box_1 div.wrap{
    width: 545px !important;
    padding: 25px 50px !important;
  }
  #box_1 #box-3 {
    right: 69px !important;
    width: 470px !important;
  }
  #box_1 img[src*="/rezerwacje/img/images_for_template/title_3.png"] {
    right: 210px !important;
    width: 300px !important;
    top: 130px !important;
  }
}
@media(max-width:1200px){
  #box_1 div.wrap{
    width: 480px !important;
    padding: 40px 60px !important;
  }
  #box_1 #box-3 {
    right: 30px !important;
    width: 390px !important;
  }
  #box_1 img[src*="/rezerwacje/img/images_for_template/title_3.png"] {
    right: 80px !important;
    width: 300px !important;
    top: 130px !important;
  }
}

@media(max-width:999px) {
  #box_1 img[src*="/rezerwacje/img/images_for_template/title_3.png"] {
    top: 10px !important;
    right: 10px !important;
    width: 200px !important;
    position: absolute;
    margin: 40px 40px;
  }
  #box_1 div.wrap {
    width: 100% !important;
    position: static !important;
    left: auto;
    top:  auto !important;
    margin-top: 130px;
    padding: 20px !important;
  }
  #box_1 .post-box-1 {
    padding: 15px !important;
    margin: 0;
    position: relative !important;
    z-index:9;
    top: auto;
    bottom: auto;
    margin-bottom: 0px;
  }
  #box_1 a {
    position: static;
    transform: none;
    margin: 0 auto;
  }


  #box_1 p {
    margin-bottom: 20px !important;
  }
  #box_1 .post-box-3 {
    background: linear-gradient(0deg, rgba(77, 66, 73, .7) 15%, rgba(77, 66, 73, .7) 60%, rgba(77, 66, 73, .7) 100%), url(/rezerwacje/img/images_for_template/img_3.png)!important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    position: relative !important;
    z-index:9;
    top: auto;
    bottom: auto;
    margin: auto;
    width: 78%;
    height: 160px;
  }
  #box_1::after {
	content: '';
  	z-index: 0;
  	position: absolute;
  	left: 0; top: 0;
  	width: 100%; height: 100%;
  	background: radial-gradient(circle, rgba(63,94,251,0) 0%, rgba(0,0,0,1) 80%);
}
  #box_1 > div > img{
  width:100%;
  margin:0 auto !important;
  }
  #box_1 .zapisy .turniej {
    flex-basis: 90%;
  }
  #box_1 > div.post-box-1 > a{
  width:90% !important;
  }
  #box-1 > img{
  width:100% !Important;
  }
}