body {
  background: #09c;
  margin: 0px;
  padding: 0px;
  font-family: 'Exo 2',monospace;
  text-align: center;
  font-size: 1em;
  color: #999;
  height: 100%;
}

html, body {
  background: #09c;
  height: 100%;
}

.site-wrapper {
  display: table;
  width: 100%;
  height: 100%;
  min-height: 100%;
}

.site-wrapper-inner {
  display: table-cell;
  vertical-align: top;
}

.cover-container {
  margin-right: auto;
  margin-left: auto;
}

.inner {
  padding: 2rem;
  text-align: center;
}

.cover {
  padding: 0 1.5rem;
}

h1{
margin-top: 1em;
  font-size: 4em;
    color: white;
    font-weight: 300;
    text-shadow: 0 .05rem .1rem rgba(0,0,0,.5);    
}    

strong{
  font-weight: 900;
}    

small{
  color: #000;
  line-height: 1.5em;
  padding: 1em 0em;
  display: block;
}    

.socialIcon {
	height: 34px;
	width: 34px;
}

.socialLinks {
    display: block;
  overflow: hidden;
  *zoom: 1;
  margin: 20px 0 0 0;
}

.socialLinks a {
	display: block;
	background: transparent;
	border: 3px solid #fff;
	height: 45px;
	margin: 15px;
	position: relative;
	-moz-transition: background 0.1s linear, border 0.1s linear;
	-o-transition: background 0.1s linear, border 0.1s linear;
	-webkit-transition: background 0.1s linear, border 0.1s linear;
	transition: background 0.1s linear, border 0.1s linear;
  width: 45px;   
  cursor: hand;
  cursor: pointer;
}

.socialLinks a, svg path {
	fill:#fff;
}

.socialLinks a .socialIcon {
	left: 37px;
	margin: -32px 0 0 -32px;
	position: absolute;
	top: 38px;
}

.socialLinks .behance:hover {
  background: #1769ff;
  border-color: #1769ff;
}

.socialLinks .codepen:hover {
  background: black;
  border-color: black;
}

.socialLinks .facebook:hover {
  background: #3b5998;
  border-color: #3b5998;
}

.socialLinks .googleplus:hover {
  background: #dd4b39;
  border-color: #dd4b39;
}

.socialLinks .linkedin:hover {
  background: #1d87be;
  border-color: #1d87be;
}

.socialLinks .mail:hover {
  background: #e24e43;
  border-color: #e24e43;
}

.socialLinks .pinterest:hover {
  background: #cc2229;
  border-color: #cc2229;
}

.socialLinks .twitter:hover {
  background: #55acee;
  border-color: #55acee;
}

.socialLinks .youtube:hover {
  background: #e52c28;
  border-color: #e52c28;
}

.btn-primary {
  background-color: #09c;
  border-color: #09c;
}

@media (min-width: 40em) {
  .site-wrapper-inner {
    vertical-align: middle;
  }
  .cover-container {
    width: 100%; /* Must be percentage or pixels for horizontal alignment */
  }
  h1 {
    font-size: 6em;    
  }
}

@media (min-width: 62em) {
  .cover-container {
    width: 800px;
  }
  
  h1 {
    font-size: 8em;    
  }
}