html {
  height: 100%; }

body {
  height: 100%;
  padding: 0;
  margin: 0; }

html, body, .mc {
  min-height: 100%; }

.cf:before, .mc:before, .container:before, .block:before,
.cf:after,
.mc:after,
.container:after,
.block:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.cf:after, .mc:after, .container:after, .block:after {
  clear: both; }

.mc, .container, .block {
  width: 100%;
  float: left;
  position: relative; }

.inner-w {
  width: 90%;
  margin: auto; }

.mc {
  border: 3px solid red; }

.vic {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  text-align: center;
  color: #fff; }
  .vic h1 {
    font-size: 6em; }

.global-nav .logo {
  width: 30%;
  float: left; }
.global-nav nav {
  width: 70%;
  float: right; }
  .global-nav nav ul li {
    display: inline; }
    .global-nav nav ul li a {
      text-decoration: none; }

.hero h1 {
  color: #fff;
  text-align: center;
  font-size: 1.5em;
  margin: 5em 0; }