.box {position: relative; min-height: 180px; width: 100%; margin: 0 0 20px; padding: 20px; box-shadow: 10px 10px 10px 0px #D4D3D1;
      border-style: solid; border-width: 1px; border-radius: 10px; border-color: #D4D3D1; text-transform: uppercase;}

h2   {margin: 0 0 12px 0;}

.box p {text-align: left; font-family: LithosPro; text-indent: 0; margin: 7px 0; line-height: 1.7; text-transform: uppercase;}

#content .box img {height: 150px; width: 105px;}

/* CITÁT PRO TENTO DEN + SVÁTKY */
#right_column {padding-left: 30px!important;}
#cite_for_today p.citation {margin-bottom: 0.5rem;}

/* SVÁTKY  */
.festival {margin-top: 0; margin-bottom: 0.75rem;;}
.festival-name {display: inline-block; white-space: nowrap; font-family: LithosPro; text-transform: uppercase; margin-right: 0.5rem;}
.festival-meaning {display: inline-block;}

/* NAHRÁVKY AUDIOKNIHY */
.newest_audio_link {display: inline; text-decoration: none;}
.newest_story {display: inline; padding-right: 0.5em;}
.newest_audio {display: inline-block; white-space: nowrap;}


/* RESPONZIVITA */
/* Bootstrap = Extra small */
@media only screen and (max-width: 575px) 
  {

  }
/* Bootstrap = Small */
@media only screen and (min-width: 576px) and (max-width: 767px)
  {
    
  }

/* Bootstrap = Medium */
@media only screen and (min-width: 768px) and (max-width: 991px)
  {
    
  }

/* Bootstrap = Large */
@media only screen and (min-width: 992px) and (max-width: 1199px)
  {
    
  }

/* Bootstrap = Extra Large */
@media only screen and (min-width: 1200px) and (max-width: 1399px)
  {
    #content .box img  {position: absolute; top: 13px; right: 13px;}
	.newest_audio_wrap, .box_description {padding-right: 125px;} 
  }

/* Bootstrap = XXL */
@media only screen and (min-width: 1400px)
  {
    #content .box img {position: absolute; top: 13px; right: 13px;}
	.newest_audio_wrap, .box_description {padding-right: 125px;}
  }