.container {max-width:1200px;}
.card {border: 0px} /* toto je border okolo vsetkych kariet */
/* .kocka {border: solid 1px rgba(0, 0, 0, 0.175)} toto je border okolo publikacii */
body {  background-color: #f2f2f2; }
.rrr {border-radius: 15px 0px 0px 15px;}
.rrrr {border-radius: 0px 15px 15px 0px;}
.r {border-radius: 15px 15px 15px 15px;}

.r1 {border-radius: 15px 0px 0px 0px;}
.r2 {border-radius: 0px 15px 0px 0px;}
.r3 {border-radius: 0px 0px 15px 0px;}
.r4 {border-radius: 0px 0px 0px 15px;}

a:link {  text-decoration: none;}
a:visited {  text-decoration: none;}
a:hover {  text-decoration: underline;}
a:active { text-decoration: underline; }  

.clanky > a .card:hover, .twiter > a .card:hover, .kocka:hover  {   box-shadow: 0 4px 10px rgba(0,0,0,0.16), 0 4px 10px rgba(0,0,0,0.23); }

/* CSS pre 1 článok */
 
.kontainter {max-width:1000px}

.obr300-popis {color:gray}

.obr500 {margin-left: auto; margin-right: auto; display: block; width: 500px}
.obr500-popis {margin-left: auto; margin-right: auto; max-width: 500px; color:gray}

.obr600 {margin-left: auto; margin-right: auto; display: block; width: 600px}
.obr600-popis {margin-left: auto; margin-right: auto; max-width: 600px; color:gray}

.obr700 {margin-left: auto; margin-right: auto; display: block; width: 700px}
.obr700-popis {margin-left: auto; margin-right: auto; max-width: 700px; color:gray}

.obr800 {margin-left: auto; margin-right: auto; display: block; width: 800px}
.obr800-popis {margin-left: auto; margin-right: auto; max-width: 800px; color:gray}

.obr900 {margin-left: auto; margin-right: auto; display: block; width: 900px}
.obr900-popis {margin-left: auto; margin-right: auto; max-width: 900px; color:gray}

.kontainter-zaver {max-width:1000px}
.kontainter-zaver > .row > .col-sm-6 > a > img:hover { box-shadow: 0 4px 10px rgba(0,0,0,0.16), 0 4px 10px rgba(0,0,0,0.23); }

/* media----------------------------- 769px - xxxx ---- desktop ---------------------------------- */
@media only screen and (min-width: 1201px) 
{ 
.premobil {display: none; } 
.col-sm-4 {padding-right: 30px} /* pri PC zobrazeni clanku da okraj vpravo 30x */

}


/* media ----------------------------- 0 - 768 px mobil ----- -------------------------------- */
@media only screen and (max-width: 1200px) 
{ 
.prepc {display: none; } 
.col-sm-4 img {margin-left: auto; margin-right: auto; display:block} /* pri mobile centruje obrazky co su naboku pri PC zobrazeni */

/* .kontainter ul > li { list-style-type: none; margin-left:-30px} /* pri mobile odstrani bodky na prvom leveli li */
/* .kontainter ul ul > li  { list-style-type: circle ; } /* pri mobile odstrani bodky na prvom leveli li */

}

/* grid pre knihu a male kocky vedla, pre PC zobrazenie */
.grid-container-element {     display: grid;     grid-template-columns: 1fr 1fr;     width: 100%;     margin: 0px;     padding:0px; } 
.grid-child-element {     margin: 0px;     padding:0px;}
/* .container {padding-left:9vw; padding-right:9vw} */