@charset "UTF-8";

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html,
body {
	margin: 0 auto;
	max-width: 300rem;
	padding: 0;
}

html {
  color: #000000;
  font:16px/165% 'Lucida Grande',Geneva,Verdana,Arial,Helvetica,sans-serif;
}

a { transition: all 0.2s ease-out 0s;}
h1 { font-size: 1.35em; font-weight: bold; margin-bottom: 1em; color: #6D83C6; text-transform: uppercase;}
.odstep { padding-bottom: 1em;}
.odstep-2 { padding-bottom: 2em;}

.margines   { padding-left: 1em;}
.margines-2 { padding-left: 2em;}
.margines-3 { padding-left: 3em;}

ul { list-style-position: inside; }
ul.kropka { list-style-type: disc;}
ul.kropka li h2 {font-weight: bold; display: inline-block; }
ul.kropka li article { padding: 0 0 0 0.9em;}

ul.minus { list-style: inside url('data:image/gif;base64,R0lGODlhBQAKAIABAAAAAP///yH5BAEAAAEALAAAAAAFAAoAAAIIjI+ZwKwPUQEAOw=='); }
ul.minus > li { text-indent: -1em; padding-left: 1em; }

#mainpage { max-width: 70rem; margin: 0 auto; background-color: #ffffff;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
  filter: alpha(opacity=85);  
  -moz-opacity: 0.85;          
  -khtml-opacity: 0.85;        
  opacity: 0.85; 
}
#mainpage header { display: flex; border-bottom: solid #435179 1px; }
#mainpage header figure{ display: flex; margin: 0.5rem 1rem; }
#mainpage header nav { display: flex; margin-left: auto; align-self: flex-end; }
#mainpage header nav a {display: flex; flex-direction: row; padding: .7rem; margin : 0 0.5rem .5rem 0.5rem; white-space: nowrap; text-transform: uppercase; border-radius: 4px; text-decoration: none; border: 1px solid #ffffff; color: rgba(40, 40, 40, 0.65); font-size: 0.9rem; }
#mainpage header nav a.active { color: black; border: 1px solid #435179; background-color: #89a5f9; }
#mainpage header nav a:hover { color: black; border: 1px solid #282828; }

main { margin: 2rem 0 0 0; padding: 1rem; line-height: 1.3rem; font-size: .8rem; }
main.main-column2{ -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}

footer{display: flex; flex-direction: column; border-top: solid #435179 1px; padding: 1rem 0.5rem; }
footer section.tags{ font-size: 0.5rem; color: #b5b5b5; margin-bottom: 2rem; }
footer section.copyright{ display: flex; font-size: 0.8rem; margin: 0.5rem 0; align-items: center; justify-content: center; color: #6D83C6; }

main h1+section p:first-child {text-indent: 1em;}
main section+section {margin-top: 1em;}

@media screen and (max-width: 60rem){
  main.main-column2 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
}

@media screen and (max-width: 50rem){
  main h1+section p:first-child {text-indent: 0;}
  #mainpage header figure{ display: flex; margin: 0 1rem; }
  #mainpage header{  flex-direction: column;  }
  #mainpage header figure { margin: 0 auto; }
  #mainpage header nav { margin: 1rem auto 0 auto; }
  main { min-height: 0;}
}

@media screen and (max-width: 32rem){
  html { background-image: none; }
  #mainpage header figure { margin-top: 1rem; }
  #mainpage header nav { flex-direction: column; width: 95%; margin-bottom: 1rem;}
  #mainpage header nav a { border: 1px solid #c3c3c3; text-align: center; display: block;}
}