@import "header_layout.css";
@import "catalog_layout.css";
@import "search_layout.css";
@import "info_layout.css";
@import "howto_layout.css";
@import "reviews_layout.css";
@import "quick_layout.css";
@import "tags_layout.css";
@import "prices_layout.css";
@import "faq_layout.css";
@import "blog_layout.css";
@import "footer_layout.css";
@import "popup_layout.css";
@import "kindergarten_layout.css";
@import "404_layout.css";
@import "admin_layout.css";

html, body {
  height: 100%;
}

#main {
  min-height: 100%;
}

.container {
  width: 100%;
  max-width: 1440px;
  height: 100%;

  margin: 0 auto;
  padding: 0 16px;

  box-sizing: border-box;
}

h2 {
  padding-bottom: 32px;
}

.full-star {
  width: 24px;
  height: 24px;
}

.empty-star {
  width: 24px;
  height: 24px;
}

@media screen and (min-width: 768px) {
  .container {
    padding: 0 40px;
  }
  
  h2 {
    padding-bottom: 40px;
  }
}

@media screen and (min-width: 1440px) {
  .container {
    padding: 0 160px;
  }
}