body {
	margin: 0;
}
.pageflip-container {
	padding-top: 1px;
}
#b-facebook,
#b-twitter,
#b-google {
	display: none;
}
#pf-stage {
	background: #444444;
}
.pf-left-side,
.pf-right-side,
.pf-thumbnail-spread,
.pf-thumbnail-page {
	background: #888;
}
#pageflip-controls,
#pf-pagerin {
	color: rgba(255,255,255,0.5);
}
.pf-right-buttons{
	width:125px !important
}
.pf-control-bar-button g,
.pf-control-bar-pager g {
	fill: rgba(255,255,255,0.5);
}
#b-logo.pf-control-bar-button g {
    fill: #000;
}
.pf-control-bar-button:not(.pf-disabled):hover g {
	fill: #FFAA00;
}
#pageflip-controls {
	background: rgba(68,68,68,0.35);
}
#b-download {
    position: absolute;
    margin: 7px 0 0 4px;
    right: 134px;
}
.pf-hotspot {
	position: absolute;
	overflow: hidden;
	cursor: pointer;
}
.pf-right-buttons .pf-control-bar-button {
   margin: 1% 10% 0 0 ;
width: 10%;
}
div#b-logo {
    position: absolute;
    bottom: 15px;
    left: 12px;
}

#b-download {
    position: absolute;
    display: inline-block;
}	
div#b-logo {
    bottom: auto;
    left: auto;
}
		
@media screen and (max-width: 500px) {
.pf-right-buttons {
    width: 100% !important;
    display: inline;
    margin: auto;
    float: none;
}
.pf-right-buttons .pf-control-bar-button {
 margin: 1% -6px 0 2px !important;
width: 10%;
}
.pf-left-buttons {
    display: block;
    padding: 20px;
    position: absolute;
    bottom: -30px;
    float: none;
    left: 0;
    right: 0;
}
div#b-logo {
    position: absolute;
    bottom: 50px;
    left: 50%;
}
.pf-centered-buttons {

    margin: 1% !important;
    width: 100px;

}

#b-download {
    position: absolute;
    display: inline-block;
    right: 37%;
    bottom: 12px;
    width: 4.5% !important;
}
.pf-centered-buttons > div {

    margin: 0 !important;
    width: 25px;

}
}