@import "https://fonts.googleapis.com/css?family=Montserrat:300,400,700";

body {font-family: Montserrat, sans-serif;font-size:13px; -webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;color: #444;background: white;}
h1 {font-weight: 700; letter-spacing: -1px; color: #34495E;text-align:center;}
footer{text-align:center;margin:70px auto; padding:20px auto;}
.shadow{-webkit-box-shadow: 0px 0px 23px -10px rgba(0,0,0,0.37);-moz-box-shadow: 0px 0px 23px -10px rgba(0,0,0,0.37);box-shadow: 0px 0px 23px -10px rgba(0,0,0,0.37);}
.author{max-width:200px;overflow:hidden;white-space: nowrap; }
#cover{position:fixed;top:10px;right:10px;max-width:80px;border:6px solid #e2e7cf;}

.books-table {  min-width: 350px;max-width: 1024px;border-collapse:collapse; margin:auto auto;}
.books-table th { display: none;}
.books-table td { display: block;}
.books-table td:before { content: attr(data-th)  ": ";  font-style:italic;min-width:100px;  width:12%; display:inline-block;padding: 4px 10px; margin-right:10px;}
.books-table th, 
.books-table td:before { color: #999;text-align:right;}

@media (min-width: 600px) {
  .books-table td { color: #333;  }
  .books-table td:before { display: none;  }
  .books-table tr:nth-of-type(odd) { background: #f3f3f3; }
  .books-table tr:nth-of-type(even) { background: white; }
  .books-table th {background: #333; color: white;} 
}

.books-table th, 
.books-table td {  text-align: left;}
.books-table tr:hover td {  background-color: #e2e7cf;}

@media (min-width: 600px) {
  .books-table th, 
  .books-table td {    display: table-cell;  }
}

.books-table {overflow: hidden;}
.books-table th, 
.books-table td {margin: 0;padding: 0;}

@media (max-width: 600px) {
  .books-table { border-bottom:4px solid navy;}
  .books-table tr:nth-of-type(odd) { background: #efefef; }
  .books-table tr:nth-of-type(even) { background: white; }
  .books-table tr:nth-of-type(odd) td{ border-bottom:1px solid #f6f6f6; }
  .books-table tr:nth-of-type(even) td { border-bottom:1px solid #f6f6f6; /* impares */}
  .books-table td:last-child { border-bottom-width:0px;}
  .author{max-width:367px;}
}

@media (min-width: 600px) {
  .books-table { border:0px solid #888;}
  .books-table th,
  .books-table td {  padding: 6px 10px;   }
}