/* START DESKTOP */

#readerBox {
	width:90%;
	padding: 0 5%;
	text-align:center;
	font-family: 'Boogaloo', sans;
	font-size:24px;
	margin: 40px 0;
	min-height:590px;
}

#readerBox table{
	table-layout:auto;
	width:100%;
}

#readerBox td{
	white-space:nowrap;
	padding: 2px 5px 0 5px;
}

#readerBox td.absorbing-column{
	width:50%;
}

#readerBox td img{
	width:480px;
	height:auto;
}

#readerBox td h1{
	font-family: 'Boogaloo', sans;
	font-size:32px;
}

.styled-select {
   font-family: 'Boogaloo', sans;
   padding: 0 5px;
   font-size: 24px;
   overflow: hidden;
   width: 240px;
   background-color: #000;
   color: #fff;
}

.styled-select select {
   background: transparent;
   border: none;
   font-family: 'Boogaloo', sans;
   font-size: 24px;
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 268px;
}

.semi-square {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

.doubleReader {
	display:block;
}

.singleReader {
	display:none;
}


/* END DESKTOP */
/* START MOBILE PORTRAIT */
@media (max-device-width: 760px) and (orientation: portrait){
	
	#archiveBox {
	width:100%;
	padding: 0 0;
	font-size:12px;
	margin: 10px 0;
	min-height: 490px;
}


#readerBox td{
	table-layout:auto;
	width:100%;
	padding: 2px 2px 0 2px;
}

#readerBox td img{
	width:100%;
	height:auto;
}

#readerBox td.absorbing-column{
	width:0;
}

#readerBox td h1{
	font-size:14px;
}

.styled-select {
   padding: 0 5px;
   font-size: 18px;
   width: 200px;
}

.styled-select select {
   font-size: 18px;
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 212px;
}

.doubleReader {
	display:none;
}

.singleReader {
	display:block;
}

}
/* END MOBILE PORTRAIT */
/* START MOBILE LANDSCAPE */
@media (max-device-width: 760px) and (orientation: landscape)
{
#readerBox {
	width:98%;
	padding: 0 1%;
	text-align:center;
	margin: 20px 0;
}

#readerBox td{
	white-space:nowrap;
	padding: 2px 5px 0 5px;
}

#readerBox td img{
	width:100%;
	height:auto;
}

#readerBox td.absorbing-column{
	width:0;
}

#readerBox td h1{
	font-family: 'Boogaloo', sans;
	font-size:28px;
}
}
/* END MOBILE LANDSCAPE */
/* START TABLET PORTRAIT */
@media (max-device-width: 1024px) and (min-device-width: 761px) and (orientation: portrait)
{

.doubleReader {
	display:none;
}

.singleReader {
	display:block;
}

#readerBox td img{
	width:650px;
	height:auto;
}
	
}
/* END TABLET PORTRAIT */
/* START TABLET LANDSCAPE */
@media (max-device-width: 1024px) and (min-device-width: 761px) and (orientation: landscape)
{

.doubleReader {
	display:block;
}

.singleReader {
	display:none;
}

#readerBox td img{
	width:440px;
	height:auto;
}
	
}
/* END TABLET LANDSCAPE */