html, body{
    font-size: 16px;
    font-family: 'Open Sans', sans-serif !important;
    margin: 0;
    padding: 0;
}
.navbar, .navbar-expand-lg, .navbar-light, .bg-light{
	background-color: white !important;
	padding: 0 0.8em !important;
	margin-bottom:0;
}
.padding{
    padding: 1em 0;
}
.clearfix::after{
    content:' ';
    display: block;
    clear:both;
}
.logo-title{
    margin: 0 auto;
    padding: 10em 0;
    display: block;
}


.col-12{
    margin:0;
    padding: 0 !important;
}
.btn-default{
    background: #007bff;
    color: white;
    font-weight: normal;
    padding: 0.8em 1.8em;
    margin: 0.5em 0;
    display: inline-block;
}
.btn-default:hover{
    background: #005cbf;
    text-decoration: none;
    color: white;
}
.btn-saibamais{
    background: #e5d901;
    color: #333;
    font-weight: normal;
    padding: 0.8em 1.6em;
    display: inline-block;
}
.btn-saibamais:hover{
    background: #c9bf02;
    color: #333;
    text-decoration: none;
}
.navbar-nav{
	font-size: 24px;
}

.navbar-brand img{
	padding: 5px;
}
.top-header{
    width:100%;
    height: 8em;
    /*background: url('../img/bg_header.jpg') no-repeat center center;*/
}
.top-header-title{
    color:#333;
    font-family: 'Anton',sans-serif;
    font-size: 3em;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0.4em;
    text-align: center;
    display: block;
}
.content{
    padding: 0 .8em;
}
.content-subtitle{
    font-size: 1.4em;
    font-weight: 700;
}
.content-text{
    font-size: 1em;
}
.content-subtitle-middle{
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: 700;
}
.img-produto{
    padding-bottom: 1em;
}

.shop{
    text-align: center;
}
.shop-livros ul{
    list-style-type: none;
    padding: 0;
    margin:0 auto;
}
.shop-livros li{
    display: block;
    float: left;
    width: 44%;
    height: 32em;
    margin: 2%;
    text-align: center;
}
.shop-livros img{
    width: 100%;
    display: inline-block;
}

.main-footer{
    background: #333;
    color:white;
    padding: 2.5em;
    width: 100%;
}
.main-footer i{
    color:white;
    font-size:1.8em;
    margin:.3em;
}
.main-footer a{
    color:white;
}

.main-footer a:hover{
    color:white;
}

@media screen and (min-width:23.4375em){
    .top-header{
        height: 10em;
    }

    .top-header-title{
       padding: 0.4em;
       font-size: 4em;
    }
    .content-text{
        font-size: 1em;
    }

}



@media screen and (min-width:26.5626em){
    .top-header{
        height: 10em;
    }

    .top-header-title{
       padding: 0.4em;
       font-size: 4em;
    }
    .content-text{
        font-size: 1em;
    }

}

@media screen and (min-width:48em){
    /*.logo-title{
        width:50em;
        margin: 0 auto;
        display: block;
    }*/
    .top-header{
        height: 10em;
    }

    .top-header-title{
       padding: 0.6em;
       font-size: 5em;
    }

    .shop-livros li{
        width:28%;
    }
    .content-subtitle-middle{
        font-size: 2em;
    }
}

@media screen and (min-width:64em){
    .top-header{
        height: 10em;
    }

    .top-header-title{
       padding: 0.6em;
       font-size: 5em;
    }
    .shop-livros img{
        width: 14em;
        display: inline-block;
    }
    .shop-livros li{
        display: block;
        float: left;
        width: 23%;
        height: 34em;
        margin:1%;
        text-align: center;
    }
    .btn-default{
        padding: 0.8em 2.4em;
    }
    .btn-saibamais{
        padding: 0.8em 2.2em;
    }
}
@media screen and (min-width:90em){
    .top-header{
        height: 14em;
    }

    .top-header-title{
       padding: 0.4em;
       font-size: 8em;
    }
    .content-text{
        font-size: 1.4em;
    }
    .content-subtitle {
        font-size: 2.4em;
    }
}

@media screen and (min-width:160em){
    .top-header{
        height: 16em;
    }

    .top-header-title{
       padding: 0.4em;
       font-size: 8em;
    }
    .content-text{
        font-size: 2em;
        padding: 0 3em;
    }
    .content-subtitle {
        font-size: 4em;
    }
}