body {
	font-size: 15px;
	font-family: Lato;
      }
a {
	color: #990;
	text-decoration: none;
} 
a:hover {
	color: #990;
	text-decoration: none;
} 
 
h1,h2,h3, h4, h5, h6 {
	
	font-family: Vollkorn;
}

h3 {
	font-style: italic;
}
#cookie{
    background-color: #f1f1f1!important;
    padding-top: 5px;
}
#cookie_x{
    cursor: pointer;
    text-align: right;
}
header{
    padding-top: 20px;
}
.navbar-light .navbar-nav .nav-link{
    background-color: #f1f1f1;  
    color: black;  
    width: 100%;
}
.navbar-nav .nav-link{
    padding: 12px 20px !important;
    position: relative;
    z-index: 999;
}
.nav-item a{
    padding: 20px;
}

.rights{
    color: #fff!important;
    background-color: #2196F3!important;
}

.nav-item a:hover{
    color: #000!important;
    background-color: #f0e68c !important;
    padding: 20px;
}
#header{
    width: 100%;
}
.section{
    border-top: 0.1px solid black;
    margin-top: 50px;
    text-align: center;
}
.section h4{
    color: #87592C;
    text-align: center !important;
    position: relative;
    z-index: 1;
    padding: 10px;
}
/* #new{
    text-align: center;
} */
.padding20{
    padding: 20px;
}
.item{
    padding-bottom: 30px;
}
.item img{
    height: 270px;
    width: auto;
    padding-top: 50px;
}
.center{
    text-align: center;
}
.padding_lr_20{
    padding-left: 20px;
    padding-right: 20px;
}
.item h3{
    padding-top: 20px;
}
.btn-secondary{
    background-color: rgb(230, 227, 227) !important;
    color: black !important;
    border: none;
}
.modal-body p{
    text-align: left; padding-top: 20px;
}
.modal-title{
    padding-top: 0 !important;
}
.bordered{
    border-right: 1px solid black;
    /* padding: 20px 20px;; */
}
.nobordered{
    /* padding: 20px 20px; */
}

footer{
    border-top: 1px solid #87592C;
    padding: 10px;
}
footer{
    margin-top: 30px;
}
.copy{
    border-top: 1px solid #87592C;
    padding-top: 30px;
}




@media (max-width: 575.98px) { 
    .navbar-nav{
        width: 100%;
    }
    .bordered{
        border: none;
    }
    #strzalka{
        width: 50%;
    }
 }

@media (min-width: 576px) and (max-width: 767.98px) { 
    .navbar-nav{
        width: 100%;
    }
    .bordered{
        border: none;
    }
    #strzalka{
        width: 40%;
    }
 }

@media (min-width: 768px) and (max-width: 991.98px) { 
    .navbar-nav{
        width: 100%;
    }
    #strzalka{
        width: 35%;
    }
    
 }

@media (min-width: 992px) and (max-width: 1199.98px) { 
    .navbar-nav{
        width: 100%;
    }
    #strzalka{
        width: 25%;
    }
 }

@media (min-width: 1200px) { 
    #strzalka{
        width: 25%;
    }
 }