.container {
    flex-wrap: wrap;
    max-width: unset;
    margin: 0;
    padding: 0;
}
.category-preview{
    height: 100px;
    overflow: hidden;
}
.category-preview  img{
    width: 100%;
}
.sidebar{
    width: 30%;
    max-width: unset;
}

.sidebar .site-info{
    bottom: unset;
    top: 40px;
}

.sidebar .site-info h1{
    font-size: 5.4rem;
}

.main-content h2.favorites {
    font-size: 2.2rem;
    white-space: nowrap;
    color:black;
}

ul{
    padding: 0;
}
li{
    display: block;
    font-size: 2rem;
}
li > a{
    color:black;
    text-decoration: none;
}

li > a:hover:before{
    color: #d3663d;
}

li > a:before {
    font-family: 'FontAwesome';
    content: '\f019';
    margin: 0 5px 0 5px;
    color: #000;
}


li.book:after {
    font-family: 'FontAwesome';
    content: '\f02d';
    margin: 0 0 0 5px;
    color: #000;
}

li.audio:after {
    font-family: 'FontAwesome';
    content: '\f028';
    margin: 0 0 0 5px;
    color: #000;
}

.main-content{
    right: 35%;
}

@media screen and (max-width: 768px){
    .main-content h2.favorites {
        white-space: normal;
    }
    .sidebar{
        left: unset;
    }
    .main-content{
        right: unset;
        width: 80vw;
        padding: 15px;
    }
}