@charset "UTF-8";

.clanek-reverse {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-gap: 0px 30px;
  border-bottom: rgb(192 192 192 / 0.5) solid 1px;
  align-items: center;
}

.clanek-reverse img {max-width: auto; max-height: 300px; width: auto; height: auto;}
.clanek-reverse:nth-child(odd) img {justify-self: center;}
.clanek-reverse:nth-child(even) img {justify-self: center;}

.b-reverse {  display: block ;}

/* mobilni verze */
@media only screen and (max-width: 767px) {

.clanek-reverse h3 {margin-bottom:10px; padding-top:10px;}
.clanek-reverse p  {margin-top:10px;}
.clanek-reverse img {margin: 20px 0px 30px 0px;}
.clanek-reverse img {justify-self: center !important;}
.b-reverse {padding-bottom: 20px;}
.clanek-reverse {padding:20px 0px 00px 0px;}
.clanek-reverse h2 {margin:0px;}
hr.clanek-reverse  {padding-top: 20px;}


}

/* pc verze */
@media only screen and (min-width: 768px) {

.clanek-reverse {padding:30px 0px 30px 0px;}


.clanek-reverse:nth-child(odd) { grid-template-columns: 1fr 1fr; }
.clanek-reverse:nth-child(even) { grid-template-columns: 1fr 1fr; }

/* levá strana (původně pravá - proto reverse) */
.clanek-reverse:nth-child(even) p {
  grid-column-start: 2;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 2;

}

.clanek-reverse:nth-child(even) h3 {
  grid-column-start: 2;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 1;
}

.clanek-reverse:nth-child(even) img {
  grid-column-start: 1;
  grid-column-end: 1;
  grid-row-start: 1;
  grid-row-end: 3;

}

/* prava strana (původně levá - proto reverse) */
.clanek-reverse:nth-child(odd) p {
  grid-column-start: 1;
  grid-column-end: 1;
  grid-row-start: 2;
  grid-row-end: 2;

}

.clanek-reverse:nth-child(odd) h3 {
  grid-column-start: 1;
  grid-column-end: 1;
  grid-row-start: 1;
  grid-row-end: 1;
}

.clanek-reverse:nth-child(odd) img {
  grid-column-start: 2;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 3;

}
}

/* mezerka k obrázku pri tabletu */
@media only screen and (max-width: 1439px) and (min-width: 767px) {
.clanek-reverse:nth-child(even) img {margin-right: 20px; }
.clanek-reverse:nth-child(odd) img {margin-left: 20px; }
}

/* .clanek-reverse img, .clanek-reverse, .clanek-reverse p, .clanek-reverse h3 {border:solid black 1px;} */