#box_1{
  padding:90px 0 90px 0!important;
  margin: 0px 0 0 0;
  background-position:center;
  background-repeat: no-repeat;
  background-size: cover;  
 min-height:45vh;
background-image: url("/rezerwacje/upload/tlo5.jpg");  
}

#box-1{
  text-align:center;
}

#box-1 p {
    color:black!important;
  font-size: 1.2rem;
}
.box-tittle{
  color:black!important;
}
#grid-base thead tr th{
  padding:0px !important;
}
#grid-base{
  margin:0;
}
#box_1 .table-responsive {
   width: 100%!important;
   margin :0 auto;
  overflow:hidden;
}
#box_1 .table{
  padding:30px;
  border: 4px solid #C6B194 !important;
  border-radius:2px;
min-width:70% !important;
    display: flex;
    flex-direction: column;
  background:rgba(0,0,0,.6);
}
#box-1.grid-cell{
  padding:30px important!;

}
#box_1 #grid-base > tbody > tr{
display:flex;
flex-direction:column;
}
#box_1 td#box-2{
width:100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-right: 10%;
}
#box_1 td#box-1{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10%;
    width:100%;
}
@media (min-width: 1200px)
#box_1 div.container{
    min-width: 80% !important;
}
@media (max-width: 999px){
#box_1{
    padding: 30px 20px 30px 20px !important;
 }
  #box_1 span{
  font-size:22px !important;
  }
  #box_1 span.createdby{
	margin-left:30% !important;
  }  

  #box_1 div.kontakt{
  font-size:48px;
  }    
  #box_1 > div.lead.post-content.post-box.post-box-1,#box_1 > div.lead.post-content.post-box.post-box-2{
  background:#00000094
 
  }
  }