html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body {
  margin-left: 50px;
  margin-right: 50px;
  padding: 30px;
}

html {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

div.clear { 
	clear: both; 
}
@media (min-width: 38em) {
  html {
    font-size: 20px;
  }
}

body {
  color: #7a7a7a;
  background-color: #fff;
  text-align: justify;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

/* No `:visited` state is required by default (browsers will use `a`) */
a {
  color: #268bd2;
  text-decoration: none;
}
a strong {
  color: inherit;
}
/* `:focus` is linked to `:hover` for basic accessibility */
a:hover,
a:focus {
  text-decoration: underline;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  margin-bottom: .5rem;
  font-weight: bold;
  line-height: 1.25;
  color: #313131;
  text-rendering: optimizeLegibility;
}
h1 {
  font-size: 2rem;
}
h2 {
  margin-top: 1rem;
  font-size: 1.5rem;
  text-align: left;
}
h3 {
  margin-top: 1.5rem;
  font-size: 1.25rem;
}
h4, h5, h6 {
  margin-top: 1rem;
  font-size: 1rem;
}

.tamop {
float: right;
margin-top: -40px;
}

#header {
display: table;
text-align: left;
}

#header img {
margin-right: 20px;
}

.header_column {
display: table-cell; 
vertical-align: middle;

}


/* Body text */
p {
  margin-top: 0;
  margin-bottom: 1rem;
}

strong {
  color: #303030;
}


img {
  display: block;
  max-width: 100%;
  margin: 0 0 1rem;
  border-radius: 5px;
}

/* Lists */
.prg {
font-size: 120%;
font-weight: bold;
margin-bottom: 10px;
padding-top: 10px;
color: #5d5d5d;
}

ul, ol, dl {
  margin-top: 0;
  margin-bottom: 1rem;
  list-style-type: none;
}

/* Szervezok */

.szervezok {
display: table;
margin-top: 30px;
}

.KK, .BTK {
display: table-cell;
}

.KK {
padding-right: 100px;
}

.kep {
padding-right: 10px;
}


.logo, .name {
display: table-cell;

}

.email {
font-size: 0.90rem;
}

/* Misc */
hr {
  position: relative;
  margin: 1.5rem 0;
  border: 0;
  border-top: 1px solid #268bd2;
  border-bottom: 1px solid #fff;
}

td.time {
padding-right:15px;
}





/* Quotes */
blockquote {
  padding: .5rem 0;
  margin: .8rem 0 2.5rem 0;
  color: #7a7a7a;
  border-left: .25rem solid #e5e5e5;
}
blockquote p:last-child {
  margin-bottom: 0;
}
@media (min-width: 30em) {
  blockquote {
 
    padding-left: 1.25rem;
  }
}




/*
 * Container
 *
 * Center the page content.
 */

.container {
  max-width: 38rem;
  padding-left:  1rem;
  padding-right: 1rem;
  margin-left:  auto;
  margin-right: auto;
}

/* =RESPONSIVE STRUCTURE
----------------------------------------------- */


@media screen and (max-width: 970px) {
.header_column {
display:inline;
}

h1 {
font-size: 1.5rem;
}

html,
body {
  margin-left: 0px;
  margin-right: 0px;
  padding: 20px;
}

td.time {
width:20%;
}

}

@media screen and (min-width: 1800px)
{
.tamop {
float: right;
padding-top: 55px;
}
div.clear { 
	clear: none; 
}


}

@media screen and (max-width: 500px){

.KK, .BTK {
display:inline;
}


blockquote {
  border-left:none;
}

body {
text-align:left;
}

}

@media screen and (max-width: 800px){
td.time {
width:25%;
}
}

@media screen and (max-width: 400px){
.tamop img {
width:320px;
}
.tamop {
margin: 0 auto;
float: none;
}


}