.container{
    background-color: white;
}
.row{
    margin-left:-8% !important;
    margin-right:-7% !important;
}
.navbar-nav{
    white-space: nowrap;
}
.header2{
    /*background-image: url("../images/orange.jpg");*/
   
    background-image: url(https://images.pexels.com/photos/459480/pexels-photo-459480.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500);
    background-size:  cover;
    height:190px;
    margin-right: 0;
    margin-left: 0;
}
.header3{
    text-decoration: none;
    color: white;
}
.header1 a{
    text-decoration: none;
}
.header3:hover{
    color: white;
}
.header6{
    padding-right: 8rem !important;
}
.image{
    float:left;
}
.collapse{
    background-color: rgba(99, 99, 148, 0);
}
.nav-link{
    color: white;
}
.list-group{
    width: 103%;
    padding-bottom:50px;
}
.carousel-caption{
    background-color: black;
    opacity:0.6;
}
.dropdown-menu{
    opacity: 0.8;
}
.paragraph{
    text-decoration: underline;
}
.zapitvane{
    margin-left:40px;
}
.col-8 .prices1{
    margin-top:-15px !important;
}
.btn.btn-primary{
    background-color: black;
    border:1px solid black;
}
.list-group-item.active{
    border-color:black;
}




/*image haccp*/
@media only screen and (min-width: 1700px){
    .picture1{
        margin-left: 20px;
    }
}
@media only screen and (min-width: 1750px){
    .picture1{
        margin-left: 25px;
    }
}
@media only screen and (min-width: 1800px){
    .picture1{
        margin-left: 30px;
    }
}
@media only screen and (min-width: 1850px){
    .picture1{
        margin-left: 35px;
    }
}
@media only screen and (min-width: 1920px){
    .picture1{
        margin-left: 40px;
    }
}


@media only screen and (min-width: 1140px){
    .navbar-expand-lg.navbar-collapse{
        display:flex !important;
    }
}
@media only screen and (max-width:1200px){
    .list-group h6{
        margin-left:1.5rem !important;
    }
}

@media only screen and (max-width:990px){
    .row {
    margin-left: -5% !important;
    margin-right: 0% !important;
}
}
@media only screen and (min-width:991px) and (max-width:1001px){
    .row {
    margin-left: -2% !important;
    margin-right: 3% !important;
}
}
@media only screen and (max-width:1366px){
    .row{
    margin-left:-1% !important;
    margin-right:0% !important;
}
}
@media only screen and (min-width:1500px){
    .row{
    margin-left:-15% !important;
    margin-right:-14% !important;
}
}
@media only screen and (min-width:1600px){
    .row{
    margin-left:-18% !important;
    margin-right:-17% !important;
}
}
@media only screen and (min-width:1700px){
    .row{
    margin-left:-21% !important;
    margin-right:-20% !important;
}
}
@media only screen and (min-width:1800px){
    .row{
    margin-left:-24% !important;
    margin-right:-23% !important;
}
}
@media only screen and (min-width:1900px){
    .row{
    margin-left:-27% !important;
    margin-right:-26% !important;
}
}



@media only screen and (max-width:402px){
    .list-group {
       display: none;
   }
}

@media only screen and (max-width:400px){
    .header2 .text-light{
        font-size:18px !important;
    }
    
    .container{
        text-align: center;
    }
}



@media only screen and (min-width:1000px) and (max-width:1200px){
    .card-body{
        margin-left: -3rem! important;
    }
    .card-header{
        margin-left: -3rem! important;
    }
}

@media only screen and (max-width:1000px){
    .list-group{
        display: none;
    }
    .img-fluid{
        display: none;
    }
    .header6{
        margin-right:60px !important;
        padding-right:0 !important;   
    }
    .textOne{
     width:155% !important;
    }
    .pb-4-text{
    width:157% !important;
    }
    .questions1{
    width:147% !important;
    }
    .questions2{
    width:147% !important;
    }
    .prices1{
    width:153% !important;
    }
    .information{
    width:153% !important;
    }
    .restorant{
    width:160% !important;
    }
    .kafene{
    width:160% !important;
    }
    .duner{
    width:160% !important;
    }
    .zavedenie{
    width:157% !important;
    }
    .zakuska{
    width:160% !important;
    }
    .card-body{
        margin-left: -3rem! important;
    }
    .card-header{
        margin-left: -3rem! important;
    }
}


@media only screen and (min-width:1000px) and (max-width:1064px){
    .header6 {
    margin-right: 5px !important;
    }
}
@media only screen and (min-width:1001px) and (max-width:1023px){
    .header6 {
    margin-right: -22px !important;
    }
}
@media only screen and (max-width:1001px){
    .header6 {
    margin-right: 150px !important;
    }
}
@media only screen and (min-width:700px) and (max-width:715px){
    .header6 {
    margin-right: 130px !important;
    }
}





@media only screen and (min-width:767px) and (max-width:990px){
    .information{
        width:155%;
    }
}
@media only screen and (min-width:992px) and (max-width:1000px){
    .row-restorant{
        margin-right: 3% !important;
    }
    .row-kafene{
        margin-right: 4% !important;
    }
    .duner {
    width: 154% !important;
    }
    .row-zavedenie{
    margin-right: 4% !important;
    }
    .zakuska{
            width: 154% !important;
    }
}

@media only screen and (min-width:991px) {
    .prices{
        width:153%;
    }
}
@media only screen and (max-width:992px){
    .row{
    margin-left: -2% !important;
    }
}

 
@media only screen and (max-width:700px) {
    .header6 {
    margin-left: 3% !important;
    margin-right: 3% !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    font-size: 20px;
    clear:both;
    }
    .header2 {
    height: 300px;
    }
    .csw{
    width:auto !important;
    }
    .textOne{
    width:157% !important;
    }
    .questions1{
    width:150% !important;
    }
    .questions2{
    width:150% !important;
    }
    .prices1{
    width:150% !important;
    }
    .information{
    width:158% !important;
    }
    .restorant{
    width:150% !important;
    }
    .kafene{
    width:150% !important;
    }
    .duner{
    width:160% !important;
    }
    .zavedenie{
    width:163% !important;
    }
    .zakuska{
    width:160% !important;
    }
    .row-restorant{
    margin-left: -1% !important;
    margin-right: -5% !important;
    }
    .row-kafene{
    margin-left: -4% !important;
    margin-right: -7% !important;
    }
    .card-body{
        margin-left: -4rem! important;
    }
    .card-header{
        margin-left: -4rem! important;
    }
}

@media only screen and (max-width:575px){
    .row-kafene{
        margin-left: -2% !important;
        margin-right: -5% !important;
    }
    .row-zavedenie{
    margin-right: 2% !important;
    }
}


@media only screen and (max-width:590px){
    .row-services{
  margin-right:20px !important;
    }
}

@media only screen and (max-width:400px) {
    .header6 {
        margin-top: 0 !important;
        padding-top: 0 !important;
        font-size: 20px;
        clear: both;
    }
    .header2{
        height:300px;
    }
}