body {
    background-color: white;
    margin: 0;
    text-align: center;
    font-family: Georgia,serif;
    font-size: 100%;
    overflow-y: scroll;
}
input {
    font-family: Georgia,serif;
    font-size: 100%;
}
iframe {
    height: auto;
    width: auto;
}
a {
    text-decoration: none;
    color: inherit;
}
#top {
    background-color: rgb(11,90,155);
    padding-top: 5px;
    z-index: 1;
    
}
#logo {
    margin-top:5px;
}
#hamburger {
    display: table-cell;
    vertical-align: middle;
}
.svg-logo {
    height: 30px;
    width: 172px;
}

#stopka .svg-logo {
    height: 20px;
    width: 115px;
    vertical-align: middle;
}

.fix {
    position: fixed;
}
.elementy-logo {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.pelny {
    width: 100%;
}
#menu {
    min-height: 40px;
    font-weight: bold;
    color: white;
}
#menu a {
  color: white;
  text-decoration: none;
}
#menu a.icon {
    display: none;
}
.srodek {
    width:900px;
    margin:0 auto;
}
#zawartosc {
    padding-top: 45px;
    margin-bottom: 40px;
}
.element {
    border-bottom: 1px dashed silver;
    text-align: justify;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    margin-bottom: 5px;

}
.element-title {
    font-size: 140%;
    padding: 0px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.element-date {
    margin-top: 0;
    margin-bottom: 0.5em;
    color: silver;
}
.element-content {
    line-height: 1.3;
    margin-bottom: 0.5em;
}
.hashtags {
    font-size: 80%;
}
.dalej {
    font-weight: bold;
}
#stopka {
    bottom: 0px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    color:white;
    background-color: rgb(11,90,155);
}
#stopka h1 {
    font-size: 16px;
    margin-top: 0px;
}
.post-image-div {
    float: left;
    width: 200px;
    margin-right: 5px;
    margin-bottom: 5px;
}
.clicktohide {
    display: none;
}
#admin-login {
    font-size: 120%;
}
#admin-login label{
    float: left;
    width: 20%;
    text-align: left;
}
#admin-login input {
    width: 50%;
    padding: 2px;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .srodek {
    max-width: 100%;
  }
  .element-title {
    font-size: 160%;
}
  .elementy-hashtag {
      display: none;
  }
  .elementy-logo {
      display: inline-block;
  }
  .post-image-div {
      float: none;
      width: 100%;
  }
  .post-c {
      font-size: 120%;
  }
  .hashtags {
      font-size: 100%;
  }
  #menu .elementy-logo a{
      display: block;
  }
  #hamburger.hamburger-off {
      display: none;
  }
  #hamburger.hamburger-on {
      display: block;
  }
  #menu #hamburger a{
      font-size: 120%;
      display: block;
      text-align: left;
      padding: 5px
  }
  #menu #hamburger a:hover{
        color: rgb(230,230,230);
        background-color: rgb(21,100,165);
  }
  #menu a.icon {
    background: rgb(11,90,155);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    color: white;
    padding: 10px 10px;
    text-decoration: none;
    font-size: 100%;
}
  
}
.paginator {
	margin-top:60px;
	font-size:1em;
	width:600px;
        margin-left: auto;
        margin-right: auto;
}
.paginator table {
	border-collapse:collapse;
	table-layout:fixed;
	width:100%;
}
.paginator table td {
	padding:0;
	white-space:nowrap;
	text-align:center;
}
.paginator span {
	display:block;
	padding:3px 0;
	/*color:#fff;*/
}
.paginator span strong,
.paginator span a {
	padding:2px 6px;
}
.paginator span strong {
	background:rgb(11,90,155);
        color: white;
	font-style:normal;
	font-weight:normal; 
}
.paginator .scroll_bar {
	width:100%;	height:20px;
	position:relative;
	margin-top:10px; 
}
.paginator .scroll_trough {
	width:100%;	height:3px;
	background:#ccc;
	overflow:hidden;
}
.paginator .scroll_thumb {
	position:absolute;
	z-index:2;
	width:0; height:3px;
	top:0; left:0;
	font-size:1px;
	background:#363636;
}
.paginator .scroll_knob {
	position:absolute;
	top:-5px; left:50%;
	margin-left:-10px;
	width:20px; height:20px;
	overflow:hidden;
	background:url('gfx/slider_knob.gif') no-repeat 50% 50%;
	cursor:pointer;
}
.paginator .current_page_mark {
	position:absolute;
	z-index:1;
	top:0; left:0;
	width:0; height:3px;
	overflow:hidden;
	background:rgb(11,90,155);
}

.fullsize .scroll_thumb {
	display:none;
}


.paginator_pages {
	width:600px;
	text-align:right;
	font-size:0.8em; 
	color:#808080;
	margin-top:-10px; 
}