* {
	padding: 0px;
	margin: 0px;
	outline: none;
	background: none;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	-webkit-text-size-adjust: none;
}
body {
	font-family: sans-serif;
	font-size: 13px;
	color: #666;
	line-height: 1.5;
    background: #eee;
}

a
{
    color: #11a3fc;
}

p, h1, h2, h3 {
	margin: 0px 0px 25px 0px;
}

h1, h2, h3
{
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
}

.clear {
	clear: both;
}
.right {
	float: right;
}
.left {
	float: left;
}

.centered
{
    margin: auto !important;
}

.center-text
{
    text-align: center;
}

.flex
{
    display: flex;
    align-items: center;
}

.wrapper {
	max-width: 960px;
	margin: auto;
}

.header
{
    background: #333;
    width: 100%;
}

.header .logo img
{
    max-height: 40px;
    display: block;
}

.header .navigation
{
    text-align: right;
    width: 100%;
}

.header .navigation a
{
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    line-height: 20px !important;
    font-size: 12px;
    display: inline-block;
}

.header .navigation a:hover
{
    background: #2375c9;
}

.books
{
    background: url("../images/bg.jpg") no-repeat left top;
    background-color: #f7f7f7;
    padding: 50px 0px;
}

.books .book
{
    width: 33.33%;
}

.books .book .data
{
    padding: 0px 15px;
    text-align: center;
    position: relative;
}

.books .book .data span
{
    position: absolute;
    top: -15px;
    right:25px;
    font-weight: 700;
    text-transform: uppercase;
    background: #fec803;
    color: #fff;
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 4px;
}

.books .book .data img
{
    max-width: 100%;
    display: block;
    box-shadow: 5px 5px 1px #c0bfbf;
}

.button
{
    display: inline-block;
    margin:auto;
    background: #2375c9;
    text-align: center;
    padding: 10px 25px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    margin-top: 25px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
}

.books .book .data .button:hover
{
    transition-duration: 0.4s;
    background: #2da31a;
}

.author
{
    background: #eee;
    padding: 50px 0px;
}

.author img
{
    max-width: 220px;
    display: block;
    box-shadow: 5px 5px 1px #ccc;
    margin: 0px 50px 50px 0px;
}

.page
{
    background: #fff;
    padding: 50px 0px;
    min-height: 400px;
}

.panels
{
    align-items: initial;
}

.panels .cover
{
    width: 30%;
}

.panels .details
{
    width: 70%;
    padding-left: 50px;
}

.panels .cover img
{
    max-width: 100%;
    box-shadow: 5px 5px 1px #ccc;
    display: block;
}

.quote
{
    margin-bottom: 35px;
    border-left: solid 3px #999;
    padding-left: 15px;
    border-radius: 10px;
}

.quote p
{
    margin: 0px 0px 10px 0px !important;
}

.cards
{
    margin: 30px 0px;
}

.success
{
    border-left: solid 1px #6ad620;
    padding: 25px;
    border-radius: 4px;
    background: #e3fbd3;
    margin-bottom: 35px;
}

.warning
{
    border-left: solid 1px #fdcd25;
    padding: 10px;
    border-radius: 4px;
    background: #f9e9b4;
    font-size: 11px;
    margin-top: 10px;
}

.paypal
{
    display: inline-block;
    margin:auto;
    background: #2375c9;
    text-align: center;
    padding: 15px 50px;
    color: #fff;
    text-decoration: none;
    margin-top: 25px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
}

.paypal:hover
{
    transition-duration: 0.3s;
    background: #20b9cb;
}

.note
{
    font-size: 11px;
    margin-top: 5px;
    color: #999;
}

.footer
{
    background: #ccc;
    padding: 15px 0px;
    text-align: right;
    font-size: 11px;
}

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

    .wrapper
    {
        padding: 25px;
    }

    .flex
    {
        display: block;
    }

    .panels .cover, .panels .details
    {
        width: 100%;
        padding: 0px;
        margin-bottom: 25px;
    }

    .books .book
    {
        width: 100%;
        margin-bottom: 35px;
    }

    .data img
    {
        margin: auto;
    }

    .author img
    {
        margin: auto;
        margin-bottom: 35px;
    }

    .footer
    {
        padding:0px !important;
    }

    .header .logo img
    {
        margin: auto;
        margin-bottom: 25px;
    }

    .header .navigation
    {
        text-align: center;
    }

    .navigation a:hover
    {
        border-radius: 4px;
    }
}

::-webkit-scrollbar {
    width: 10px;
    height: 0px;
    }
    ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
    height: 0px;
    background-color: transparent;
    }
    ::-webkit-scrollbar-track-piece {
    background-color: #ccc;
    }
    ::-webkit-scrollbar-thumb:vertical {
    height: 0px;
    background-color: #999;
    }