@import url(https://fonts.googleapis.com/css?family=Oxygen:300,400,700&subset=latin-ext);
body {
  color: #000;
  font-size: 10px;
  font-family: "Oxygen", Arial, Helvetica, sans-serif;
  font-weight: 400;
  line-height: 1.6; }

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  text-transform: uppercase;
  color: rgba(22, 86, 103, 0.5);
  font-family: "Oxygen", Arial, Helvetica, sans-serif;
  font-weight: 700; }

.h1,
.h2 {
  font-weight: 300;
  line-height: 1.1; }

.h3,
.h4 {
  line-height: 1.3; }

.h1 {
  font-size: 4rem; }

.h2 {
  font-size: 2.5rem; }

.h3 {
  font-size: 2rem; }

.h4 {
  font-size: 1.8rem; }

.h5 {
  font-size: 1.2rem; }

.sudoo-logo {
  margin: auto;
  width: 80vw; }
  .sudoo-logo img {
    display: block;
    width: 25vw; }
  .sudoo-logo hgroup {
    width: 55vw; }
    .sudoo-logo hgroup h1 {
      display: block;
      margin: 0;
      padding: 0;
      font-size: 4.5vw;
      margin-top: 22%;
      margin-bottom: 3%;
      line-height: 4.5vw; }
    .sudoo-logo hgroup h2 {
      display: block;
      margin: 0;
      padding: 0;
      font-size: 1.8vw;
      line-height: 1.3;
      margin-left: -5.5%;
      text-transform: none; }
    .sudoo-logo hgroup h3 {
      display: block;
      margin: 0;
      padding: 0;
      font-size: 1.8vw;
      line-height: 1.3;
      margin-left: -5.5%;
      margin-top: 3%;
      text-transform: none; }
    .sudoo-logo hgroup a {
      color: rgba(22, 86, 103, 0.5);
      text-decoration: none; }
      .sudoo-logo hgroup a:hover {
        border-bottom: 1px solid; }

body {
  margin: 0;
  padding: 0; }

.flex-container {
  display: flex; }

.justify-content-left {
  justify-content: flex-start; }

.justify-content-center {
  justify-content: center; }

.justify-content-right {
  justify-content: flex-end; }

.align-items-top {
  align-items: flex-start; }

.align-items-middle {
  align-items: center; }

.align-items-bottom {
  align-items: flex-end; }

.home section {
  height: 100vh; }