.portret {
  border-radius: 50%;
  max-width: 120px;
  height: auto;
  margin: 2px;
}
.srodek {
  text-align: center;
  vertical-align: middle;
}
.krzyk, .info {
  display:block;
  padding: 12px; 
  margin: 5px;
  border-radius: 20px; 
  text-shadow: 1px 1px 2px #555; 
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  text-align: center;
}
.krzyk {
  background: #9d1d20; 
  color: #fff; 
}
.info {
  background: #d9edf7;
  color: #2d6886; 
}
.szarymi {
  color: #777 !IMPORTANT;
}
#search form .button {
  background:#9e0e13;
} 
#search form .button:hover {
  background:#b7212d;
}
.badge {
  padding: 0px 4px;
  vertical-align: middle;
}
.badge {
  padding: 0px 4px;
  vertical-align: middle;
}
.container-header {
*  background-image: url('/images/headers/konferencja-tresc.jpg');
  background-image: none;
*  background-blend-mode: luminosity;
  height: 280px;
  background-position-x: center;
  background-repeat: no-repeat;
  background-color: white;
}
.container-header .container-nav {
  background-color: rgba(66,77,32,.4);
}
.container-header .mod-menu > li > a {
  font-size: larger;
}
.container-header .grid-child {
  padding-bottom: 0.8em;
  font-weight: 700;
}
.blog-item {
  padding: 0 .5em 1em !important;
  border: 1px solid #eee;
  border-radius: 10px;
}
a:not([class]) {
  text-decoration: none;
}
.navbar {
  background-color: rgba(98, 130, 0, 0.5);
}
.btn-secondary {
  background-color: rgba(98, 130, 0, 0.5);
}
.container-search {
	display: flex;
	flex-wrap: wrap;
}
.table > :not(caption) > * > * {
    padding-top: 0.25rem;
    padding-right: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 1rem;
}
@media screen and (max-width: 768px) {
  .container-header {
    background-image:none;
  }
  table tr {
	display: block;
  }
  table td {
	display: block;
	width: auto;
  }
}
h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}

@media (width >= 1200px) {
  h1, .h1 {
    font-size: 2.0rem;
  }
}

h2, .h2 {
  font-size: calc(1.325rem + .9vw);
}

@media (width >= 1200px) {
  h2, .h2 {
    font-size: 1.75rem;
  }
}

h3, .h3 {
  font-size: calc(1.3rem + .6vw);
}

@media (width >= 1200px) {
  h3, .h3 {
    font-size: 1.5rem;
  }
}

h4, .h4 {
  font-size: calc(1.275rem + .3vw);
}

@media (width >= 1200px) {
  h4, .h4 {
    font-size: 1.25rem;
  }
}

h5, .h5 {
  font-size: 1.15rem;
}

h6, .h6 {
  font-size: 0.8rem;
}
dl.article-info {font-size: 80%}
@media screen and (max-width: 640px) {
  table tr {display: block; height: auto;}
  table td {display: block;	width: auto;}
  .container-header {background-image: none;}
}