h2, h3 {
  font-family: beau-thin;
  text-transform: lowercase;
  font-variant: small-caps;
  font-size: 180%;
}

h2 {
  font-size: 180%;
//  color: #ee82ee;
  color: #7d1c7d;
}

.items-leading h2 {
  color: #7d1c7d;
}

h3 {
  font-size: 140%;
//  color: #005580;
  color: #ee82ee;
}

body {
  font-family: beau-light;
}

p, a  {
  font-size: 13px;
}

p, #content li, ul {
//  color:#ab78ab;
//  color:#998a99;
//  color:#736873;
  color:#877887;
  font-size: 13px;
}

.well {
  background-color:rgba(245, 245, 245, 1);
//  background-color:rgba(229, 212, 229, 1);
}

.items-leading, .item-page {
  max-width:60em;
  width:61.8%;
  margin-left:auto; 
  margin-right:auto;
}

.items-leading .well, .item-page .well, .item-page.well {
  padding:1.4em 2.8em 2.8em;
}
.

@media (max-width: 767px) {
  .items-leading, .kozep-szoveg { width:initial; }
}

.readmore {
  margin-top: -3em;
  margin-right: 1em;
  padding-bottom: 3em;
}

.nincs-gomb-eltolas .readmore {
  margin-top: initial;
  margin-right: initial;
  padding-bottom: initial;
}

.page-header {
//  border-color: #b989b9;
  border-color: #ee82ee;
}

.items-leading .page-header {
//  border-color: #b989b9;
//  border-color: #ee82ee;
}

.well {
  box-shadow: 3pt 3pt 6pt darkgray;
//  border-radius:6px;
//  background-color:rgba(245, 245, 245, 1);
}

.item .well {
//  border: 0;
//  border-left-color: #b989b9;
//  border-bottom-color: #b989b9;
}

.items-leading .well {
}

.items-row {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: baseline;
  align-items: baseline;
}

.span1 {
  -webkit-flex: 5 23%;
  flex: 5 23%;
  margin: 1% !important;
//  min-width:16em;
//  max-width:32em;
//  min-height:27em !important;
//  max-width: 320px;
}

.span1:first-child {
  -webkit-flex: 12 55.2%;
  flex: 12 55.2%;
//  min-width: 24em;
//  max-width: 48em;
}

.span1:nth-child(2) {
  -webkit-flex: 8 36.8%;
  flex: 8 36.8%;
}

.span1:nth-child(4), .span1:nth-child(6) {
  -webkit-flex: 10 46%;
  flex:10 46%;
  max-width:50%;
}

@media (max-width: 767px) {
  .span1:nth-child(1n+0) { -webkit-flex: none; flex: none; width:100%; max-width:none; }
}


blockquote {
  border: none;
  padding: 1em;
  max-width:30em;
  margin-left:auto;
  margin-right:auto;
}

blockquote p {
  text-align:center;
}

.item-page p, #content .item-page li {
//  font-size: 17.5px;
//  line-height: 23.3333px;
}

.item-page h2 {
//  font-size: 240%;
}

.item-page blockquote p {
//  font-size: 156.25%;
//  line-height: 133.3333%;
}