/* CSS Document */

.yeardiv {
     width: 100%;
     text-align: right;
     font-size: 4vw;
     color: #74522d;
}

.odsadit {
     margin-bottom: 0.8vw;
}

.hr_div {
     width: 100%;
     height: 0.8vw;
     background: #99764F;
     margin-bottom: 1vw;
     display: block;
}

figure {
     margin: 0;
     overflow: hidden;
     display: inline-table;
     -webkit-box-sizing: border-box ;
     -moz-box-sizing: border-box ;
     box-sizing: border-box ;
}

figcaption {
     margin-top: 1.5vw;
     margin-bottom: 1.2vw;
     line-height: 100%;
}

.flexdiv {
     float:left;
     /*display: flex;
     //flex-wrap: wrap;*/
}
.albumdiv {
     width: auto;
     float:left;
     height:auto;
     display:inline-table;
     color: #74522d;
     margin-right: 8px;
     text-align: left;
     line-height: 30%;
     overflow: hidden;
     clear: right;
}
/* puvodni
.albumdiv:nth-of-type(2n) { 
  margin-right: 0;
}
*/
.albumdiv { 
  margin-right: 8px;
}
/*
@media screen and (min-width: 50em) {
  
  .albumdiv:nth-of-type(2n) {  
    margin-right: 8px;
  }
  
  .albumdiv:nth-of-type(4n) {
    margin-right: 0;
  }
}
*/
a:hover img {
  transform: scale(1.07);
}

.albumdiv p {
     font-size: 1.8vw;
     line-height: 100%;
     margin-top: 0.8vw;
}
.albumdiv a {
     font-size: 2.3vw;
     text-decoration: none;
     font-weight: 200;
     color: #0f0f0f;
}
.albumdiv a:hover { color: #74522d; }

.disabled {
    cursor: not-allowed !important;
}
.disabled a {
    pointer-events: none !important;
}

.albumdiv br { display: none; }

.yeardiv a { text-decoration: none; color: #74522d; }
.yeardiv a:hover { text-decoration: none; color: #000000; }

.image {
  opacity: 1;
  display: block;
  transition: transform .2s ease-in-out;
  object-fit:cover;
}

.image-disabled {
    opacity: 1;
    display: block;
    transition: transform .2s ease-in-out;
    object-fit:cover;
}

.image_43 {
  max-width: 400px;
  max-height: 300px;
  width: 100%;
  height: 100%;
}

.image_83 {
  max-width: 800px;
  max-height: 300px;
  width: 100%;
  height: 100%;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

/* ############ _ M E D I A _ S C R E E N _ Q U E R Y _ ###################### */

@media only screen and (min-width: 320px) {  

  /* Small screen, non-retina */
  figcaption { margin-bottom: 1.8vw; line-height: 80%; }
  .yeardiv { font-size: 6vw; }
  .albumdiv { line-height: 80%; }
  .albumdiv p { font-size: 3.5vw; margin-top: 1.8vw; }
  .albumdiv a { font-size: 4.5vw; }  
}

@media
only screen and (-webkit-min-device-pixel-ratio: 1.3)      and (min-width: 320px),
only screen and (   min--moz-device-pixel-ratio: 1.3)      and (min-width: 320px),
only screen and (     -o-min-device-pixel-ratio: 2.6/2)    and (min-width: 320px),
only screen and (        min-device-pixel-ratio: 1.3)      and (min-width: 320px),
only screen and (                min-resolution: 124.8dpi) and (min-width: 320px),
only screen and (                min-resolution: 1.3dppx)  and (min-width: 320px) { 

  /* Small screen, retina, stuff to override above media query - iphone SE */
  figcaption { margin-bottom: 1.8vw; line-height: 80%; }
  .yeardiv { font-size: 6.5vw; }
  .albumdiv { line-height: 80%; }
  .albumdiv p { font-size: 3.8vw; margin-top: 1.8vw; }
  .albumdiv a { font-size: 4.8vw; }  
}

@media only screen and (min-width: 700px) {

  /* Medium screen, non-retina */
  figcaption { margin-bottom: 1.2vw; line-height: 80%; }
  .yeardiv { font-size: 4vw; }
  .albumdiv { line-height: 30%; }
  .albumdiv p { font-size: 1.8vw; margin-top: 0.8vw; }
  .albumdiv a { font-size: 2.3vw; }
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 700px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 700px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 700px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 700px),
only screen and (                min-resolution: 192dpi) and (min-width: 700px),
only screen and (                min-resolution: 2dppx)  and (min-width: 700px) { 

  /* Medium screen, retina, stuff to override above media query */
  figcaption { margin-bottom: 1.8vw; line-height: 80%; }
  .yeardiv { font-size: 4vw; }
  .albumdiv { line-height: 30%; }
  .albumdiv p { font-size: 1.8vw; margin-top: 0.8vw; }
  .albumdiv a { font-size: 2.3vw; }
}

@media only screen and (min-width: 1300px) {

  /* Large screen, non-retina */
  figcaption { margin-bottom: 1.8vw; line-height: 150%; }
  .yeardiv { font-size: 4vw; }
  .albumdiv { line-height: 30%; }
  .albumdiv p { font-size: 1.8vw; margin-top: 0.8vw; }
  .albumdiv a { font-size: 2.3vw; }
  .albumdiv br { display: initial; }
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 1300px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 1300px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 1300px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 1300px),
only screen and (                min-resolution: 192dpi) and (min-width: 1300px),
only screen and (                min-resolution: 2dppx)  and (min-width: 1300px) { 

  /* Large screen, retina, stuff to override above media query */

}

@media only screen and (min-width: 1930px) {

  /* Large screen, non-retina */
  figcaption { margin-bottom: 1.5vw; }
  .yeardiv { font-size: 3.5vw; }
  .albumdiv { line-height: 30%; }
  .albumdiv p { font-size: 1.5vw; margin-top: 0.6vw; }
  .albumdiv a { font-size: 2.0vw; }
}

@media only screen and (min-width: 2300px) {

  /* Large screen, non-retina */
  figcaption { margin-top: 1.0vw; margin-bottom: 1.0vw; line-height: 120%; }
  .yeardiv { font-size: 3.2vw; }
  .albumdiv { line-height: 30%; }
  .albumdiv p { font-size: 1.2vw; margin-top: 0.6vw; }
  .albumdiv a { font-size: 1.6vw; }
  .hr_div { height: 0.4vw; }
}

@media only screen and (min-width: 2880px) {

  /* Large screen, non-retina */
  figcaption { margin-top: 0.8vw; margin-bottom: 0.8vw; }
  .yeardiv { font-size: 3.0vw; }
  .albumdiv { line-height: 30%; }
  .albumdiv p { font-size: 1.0vw; margin-top: 0.6vw; }
  .albumdiv a { font-size: 1.3vw; }
}

@media only screen and (min-width: 3500px) {

  /* Large screen, non-retina */
  figcaption { margin-top: 0.4vw; margin-bottom: 0.4vw; line-height: 75%; }
  .yeardiv { font-size: 2.3vw; }
  .albumdiv { line-height: 30%; }
  .albumdiv p { font-size: 0.6vw; margin-top: 0.6vw; }
  .albumdiv a { font-size: 1.0vw; }
    .hr_div { height: 0.3vw; }
}
/* ########################################################################### */