img#cabecalho {
	max-width: 100%;
	height: auto;
	margin-left: 5%;

}
@media screen and (max-width: 1020px) {
	img#cabecalho {
	max-width: 100%;
	height: auto;
	margin-left: 2%;
}
}

@media screen and (max-width: 980px) {
	img#cabecalho {
	max-width: 100%;
	height: auto;
	margin-left: 1%;
}
}


@media screen and (max-width: 900px) {
div.one-third-second {
	margin: 0;
}

div.one-third-last {
	clear: both;
	float: none;
	width: auto;
	padding: 20px 0 0 0;
}

#table {
	border-width: 0;
	overflow: visible;
	overflow-x: hidden;
	padding: 1em 0em 0em 0em;
	width: 100%;
}

img#cabecalho {
	max-width: 100%;
	height: auto;
	margin-left: -1%;
}

}

@media screen and (max-width: 470px) {

div.titulo {
	width: 100%;
	
}
div.one-third.mobile-collapse {
	margin-right: 5%;
	float: left;
	width: 92%;
}

img#cabecalho {
	max-width: 100%;
	height: auto;
	margin: 0px 0px 0px 0px;
	width: 100%;
}

/* Show the table header rows and set all cells to display: table-cell */ 
#bookList td,
#bookList th,
#bookList tbody th,
#bookList tbody td,
#bookList thead td,
#bookList thead th {
        display: table-cell;
        margin: 0;
}

      /* Hide the labels in each cell */ 
#bookList td .ui-table-cell-label,
#bookList th .ui-table-cell-label { 
        display: none;
}


}

@media screen and(max-width:370px){
div.one-third {
	/*width: 47.5%;*/
	margin-right: 5%;
	float: left;
	width: 50%;
}

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 15px;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 80%;

}

img#cabecalho {
	max-width: 100%;
	height: auto;
	margin: 0px 0px 0px 0px;
	width: 100%;
}

}