@import url("https://cd.blacksource.ru/css/default.css");
@font-face{
  font-family: "Roboto Light";
  src: url(../fonts/Roboto-Light/Roboto-Light.eot),
       url(../fonts/Roboto-Light/Roboto-Light.ttf),
       url(../fonts/Roboto-Light/Roboto-Light.woff);
}
body{
  background: var(--bg-quaternary-color);
}
body>.container-fluid{
  margin: 0 auto;
  max-width: var(--content-max-width);
}
h1, h2{
  text-align: center;
}
h1{
  margin-top: 8px;
}
section#content{
  background: var(--bg-primary-color);
}
article{
  margin-bottom: 15px;
}
article.book_article>div{
  display: flex;
  padding-bottom: 10px;
}
article.book_article>div div:first-child img{
  height: 250px;
}
article.book_article>div div:last-child{
  padding-left: 15px;
}
button{
  margin-right: 5px;
}
.viewer{
  margin: 15px 16.666667% 0 16.666667%;
}
#breadcrumbs{
  margin-left: 0;
}
#footer_links>span{
  color: var(--footer-content-secondary-color);
}
#footer_contacts{
  text-align: right;
}
#footer_contacts>span{
  color: var(--footer-content-secondary-color);
}
#footer_content div#dev_years{
  padding-top: 100px;
}
#header_content{
  padding: 20px 15px;
}
@media screen and (max-width: 767px){
  .viewer{
    margin-top: 10px;
  }
  article{
    margin-bottom: 10px;
  }
  article.book_article>div div:first-child img{
    height: 200px;
  }
  article.book_article>div div:last-child{
    padding-left: 10px;
  }
  #footer_content div#dev_years{
    padding-top: 50px;
  }
  #header_content{
    padding: 15px 10px;
  }
}
@media screen and (max-width: 575px){
  #footer_links>span{
    display: block;
    text-align: center;
  }
  #footer_contacts{
    padding-top: 5px;
    text-align: center;
  }
}
@media screen and (max-width: 480px){
  .viewer{
    margin: 10px auto 0 auto;
  }
  /*#promo .thumbnail:nth-child(2), #promo .thumbnail:nth-child(3){
    display: none;
  }*/
}
@media screen and (max-width: 360px){
  article.book_article>div{
    display: block;
    padding: 0;
  }
  article.book_article>div div:first-child{
    text-align: center;
  }
  article.book_article>div div:last-child{
    padding: 10px 0 0 0;
  }
}