.container .contents { padding-top:8px; }
.container .content { margin-right:0; }
.content ul.breadcrumbs { margin:0 40px 44px 0; }
#library { background-color:transparent; position:relative; max-width:1785px; margin:0 48px 0 0; padding:0; overflow:hidden; z-index:0; }
#library .selections { text-align:center; max-width:1789px; display:block; }
#library .selection { background-color:transparent; position:relative; width:33.333%; margin:0 0 24px 0; padding:0; float:left; }
a.select { background-color:transparent; background-position:center; background-size:cover; text-align:center; position:relative; max-width:100%; height:645px; margin:0 20px 0 0; display:block; border:1px #eee solid; }
.dia1 { background-image:url(../img-biblio/00-articles.jpg); }
.dia2 { background-image:url(../img-biblio/00-video.jpg); }
.dia3 { background-image:url(../img-biblio/00-press.jpg); }
a.select span.title { background-color:transparent; text-align:left; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; display:table; }
a.select span.title h2 { color:#fff; text-align:center; padding:0 24px; display:table-cell; vertical-align:middle; }
a.select span.bg { background-color:#009ad3; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; -khtml-opacity:0.8; position:absolute; top:0; right:0; bottom:0; left:0; display:none; }
a.select:focus span.bg, a.select:hover span.bg, a.select:active span.bg { display:block; }
@media screen and (min-height:1016px) and (max-height:1035px) { a.select { height:725px; } }
@media screen and (min-height:996px) and (max-height:1015px) { a.select { height:705px; } }
@media screen and (min-height:976px) and (max-height:995px) { a.select { height:685px; } }
@media screen and (min-height:956px) and (max-height:975px) { a.select { height:665px; } }
@media screen and (min-height:936px) and (max-height:955px) { a.select { height:645px; } }
@media screen and (min-height:916px) and (max-height:935px) { a.select { height:625px; } }
@media screen and (min-height:896px) and (max-height:915px) { a.select { height:605px; } }
@media screen and (min-height:876px) and (max-height:895px) { a.select { height:585px; } }
@media screen and (min-height:856px) and (max-height:875px) { a.select { height:565px; } }
@media screen and (min-height:836px) and (max-height:855px) { a.select { height:545px; } }
@media screen and (min-height:816px) and (max-height:835px) { a.select { height:525px; } }
@media screen and (min-height:796px) and (max-height:815px) { a.select { height:505px; } }
@media screen and (min-height:776px) and (max-height:795px) { a.select { height:485px; } }
@media screen and (min-height:756px) and (max-height:775px) { a.select { height:465px; } }
@media screen and (min-height:736px) and (max-height:755px) { a.select { height:445px; } }
@media screen and (min-height:716px) and (max-height:735px) { a.select { height:425px; } }
@media screen and (min-height:696px) and (max-height:715px) { a.select { height:405px; } }
@media screen and (min-height:676px) and (max-height:695px) { a.select { height:385px; } }
@media screen and (min-height:656px) and (max-height:675px) { a.select { height:365px; } }
@media screen and (min-height:636px) and (max-height:655px) { a.select { height:345px; } }

@media screen and (min-width:1025px) and (max-width:1440px) { 
}
@media screen and (min-width:769px) and (max-width:1024px) { 
h1 { font-size:34px; line-height:38px; }
#library .selection { width:100%; }
a.select { margin:0; }
}
@media screen and (max-width:768px) { 
.content ul.breadcrumbs { display:none; }
.breadcrumbs li { display:none; }
h1 { font-size:34px; line-height:38px; }
#library { max-width:1789px; margin:7px 24px 0 0; }
#library .selections { max-width:1789px; }
#library .selection { width:100%; margin:0 0 16px 0; }
a.select { height:345px; margin:0; }
a.select span.title h2 { text-align:left; padding-top:40px; padding-left:18px; vertical-align:top; }
}