html,
body {
  height: 100%;
  width: 100%;
  padding : 0;
  margin : 0;
  font-family: Verdana;
  font-size: calc(10px + 0.5vw);
  min-width: 800px;
  min-height: 500px;
}

div {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}

p, h1, h2, h3 {
  margin: 0;
  padding: 0;
}

.header {
  height: 7%;
}

.header .logo-container {
  width: 50%;
  float: left;
}

.header .logo-container .logo {
  position: absolute;
  max-height: 100%;  
  max-width: 100%;
  top: 0;  
  bottom: 0;  
  left: 0;  
  right: 0;  
  margin: auto;
}

.header .navigation-container {
  width: 50%;
  float: right;
}

.header .navigation-container .navigation {
  list-style: none;
  text-align: center;
}

.header .navigation-container .navigation li {
  display: inline-block;
  padding: 0 1vw;
}

.header .navigation-container .navigation .navigation-link {
  color: inherit;
  text-decoration: none;
}

.header .navigation-container .navigation .navigation-link.active {
  color: red;
  font-weight: bold;
}

.content {
  height: 53%;
  background-color: #00d7b7;
  background-image: url(img/content_bg.png);
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.content .company {
  text-align: center;
  position: absolute;
  top: 31%;
  height: 69%;
}

.content .company .company-name {
  line-height: 6vh;
}

.content .company .tagline {
  padding: 0 20vw;
}

.content .email {
  position: absolute;
  width: 20vw;
  top: 31%;
  height: 69%;
  left: 5%;
}

.content .email .email-inner {
  text-align: center;
}

.content .email .email-inner .email-link {
  color: inherit;
  text-decoration: none;
}

.content .address {
  position: absolute;
  width: 20vw;
  top: 31%;
  height: 69%;
  right: 5%;
}

.content .address .address-inner {
  text-align: center;
}

.content.for-contacts {
  height: 73%;
}

.we-do {
  height: 20%;
}

.we-do .we-do-table {
  margin: 0 auto;
  width: 40%;
  height: 100%;
}

.we-do .we-do-table td {
  width: 25%;
  text-align: left;
  vertical-align: top;
}

.footer {
  height: 20%;
  background-color: black;
  color: white;
}

.footer .company {
  width: 50%;
  float: left;
}

.footer .company .company-inner {
  position: absolute;
  top: 30%;
  height: 70%;
  left: 40%;
  width: 60%;
  line-height: 6vh;
}

.footer .address {
  width: 50%;
  float: right;
}

.footer .address .address-inner {
  position: absolute;
  top: 20%;
  height: 80%;
  left: 20%;
  width: 80%;
  line-height: 3vh;
}

.fa-map-marker, .fa-envelope {
  color: red;
}