body,header{
    text-align:center
}
.social-icons a,body{
    background-repeat: no-repeat
}*{
    margin: 0;
    padding: 0
}
html{
    height: 100vh
}
body{
    background-image: linear-gradient(rgba(24,83,193,.47),rgba(159,114,31,.8)), url(assets/img/hands-not-Machines.png);
    background-position: center;
    background-size: cover;
    font-family: proxima-nova,'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 100;
    color: #f3f3f3;
    text-shadow: 1px 1px 1px #000,3px 3px 19px #000
}
header{
    padding: 1em;
    width: 50%;
    margin: 16% auto
}
h1{
    text-transform: uppercase
}
p{
    margin-top: 2em
}
.social-icons li{
    display: inline-block
}
.social-icons a{
    width: 2em;
    height: 2em;
    margin: 0 1em;
    display: block;
    text-indent: -9999em
}
.instagram{
    background-image: url(assets/img/icons/instagram.png)
}
.facebook{
    background-image: url(assets/img/icons/facebook.png)
}
.contact{
    background-image: url(assets/img/icons/email.png)
}