html, body {
  padding: 0;
  margin: 0;
  background-color: #3498db;
  width: 100%;
  height: 100%;
}

#header-wrap, #footer-wrap, section.content-block {
  position: relative;
  width: 102.4rem;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
}

/* Header */
header {
  position: absolute;
  width: 100%;
  height: 15.1rem;
  z-index: 1;
  top: 0;
  overflow: hidden;
}

header #logo {
  margin: 6rem auto 0 auto;
  width: 12.6rem;
  height: 9.1rem;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(../i/logo.png);
}



/* Big block with image */
.block-bi {
  position: relative;
  width: 100%;
  min-height: 65rem;
  height: 180rem;
  font-size: 0;
  line-height: 0;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../i/bg.jpg);
  -webkit-transition: all ease-out 0.4s;
  -moz-transition: all ease-out 0.4s;
  transition: all ease-out 0.4s;
}
.block-bi article {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  text-align: center;
}

section.content-block {
  width: 97.4rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

section.content-block.content-block-equal {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 102.4rem;
  border: 0;
  border-collapse: collapse;
  padding-left: 0;
  padding-right: 0;
  margin-top: -6rem;
}
section.content-block.content-block-equal article {
  display: table-cell;
  background: #fff;
  padding: 0 0 6rem 0;
  vertical-align: top;
}
section.content-block.content-block-equal article.dot {
  width: 0.1rem;
  background: none;
}
section.content-block.content-block-equal article .header {
  height: 4.6rem;
  margin: 0 0 6rem 0;
  padding-top: 1.4rem;
}
section.content-block.content-block-equal article:nth-of-type(1) .header,
section.content-block.content-block-equal article:nth-of-type(5) .header {
  background: #71b7e6;
}
section.content-block.content-block-equal article:nth-of-type(3) .header {
  background: #9acced;
}

section.content-block.content-block-equal article p {
  padding: 0 5rem 0 6rem;
  margin: 0 0 1.3rem 0;
}

/* Footer */
footer {
  margin: 0;
  padding: 5.5rem 0;
}
footer p {
  margin: 0;
  padding: 0;
}
footer .info {
  float: left;
  width: 50%;
}

footer .footer-info {
  display: none;
  padding: 4rem 5rem;
  -webkit-column-gap: 2.5rem;
  -moz-column-gap: 2.5rem;
  column-gap: 2.5rem;
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
}
footer .footer-info p {
  margin: 0 0 1.4rem 0;
}


@media screen and (max-device-width: 64em) {
  html {
        -ms-text-size-adjust: none;
        -webkit-text-size-adjust: none;
        -webkit-font-smoothing: antialiased;
  }
}

@media screen and (max-width: 64em) {
  #header-wrap, #footer-wrap, section.content-block {
    width: auto;
  }
  section.content-block.content-block-equal {
    width: 100%;
  }
}
@media screen and (max-width: 50em) {
  section.content-block.content-block-equal {
    width: auto;
    display: block;
  }
  section.content-block.content-block-equal article {
    display: block;
  }
  section.content-block.content-block-equal article.dot {
    display: none;
  }
}
@media screen and (max-width: 40em) {
  footer .footer-info {
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
}
@media screen and (max-width: 32em) {
  header #logo {
    margin: 3rem auto 0 auto;
  }
  .block-bi article {
    top: 45%;
  }
  section.content-block.content-block-equal article .header {
    margin: 0 0 3rem 0;
  }
  section.content-block.content-block-equal article p {
    padding: 0 2rem;
  }
  section.content-block.content-block-equal article {
    padding: 0 0 3rem 0;
  }
  footer .footer-info {
    padding: 2rem;
  }
}

@media screen and (max-height: 30em) {
  .block-bi {
    min-height: 30rem;
    height: 60rem;
  }
}

/* Common styles */
div.clear {
  clear: both;
  margin: 0;
  padding: 0;
  font-size: 0;
  width: 0;
  height: 0;                                                                                                                                       	
}

.clearfix:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

a img {
  border: 0;
}

p {
  margin: 0;
  padding: 0;
}

h1 {
  padding: 0;
  margin: 0 0 2.7rem 0;
}
h2 {
  margin: 0;
}
h3, h4, h5, h6 {
  margin: 0 0 1.9rem 0;
}