How to make multiple divs full screen one after the other?

Question

css

On this site dessangeclub.ru, content blocks are divided into sections that adjust to the size of the screen - it turns out that each section is approximately equal to its size.
Interested in how to achieve the same result.

Answer 1

nothing adjusts there except the top slider

body, html {
    background: #fff;
    font-family: "PT Sans Web","Trebuchet MS",Arial,Helvetica,sans-serif;
    width: 100%;
   ---> height: 100%;
    line-height: 22px;
    color: #333;
}
.page {
    min-height: 100%;
    height: auto!important;
    height: 100%;
    position: relative;
    overflow: hidden;
    min-width: 980px;
}