body,html, canvas {
    font-family: 'sofia-pro', 'poppins', Helvetica, Arial, sans-serif;
    background: url('../img/bg-1.png') no-repeat fixed center;
    background-size: cover;
    color:#484E54;
    text-align:center;
    font-size:100%;
    letter-spacing: 0.025em;
    width:100%;
    height:100%;
    margin:0 !important;
    padding:0 !important;
    overflow: hidden;
}

img,object,video,embed {
    max-width:100%;
    padding: 0;
    margin: 0;
}

#wrapper {
    
    position: absolute;
    z-index: 10000;
    display:block;
    width:100%;
    height:100%;
    margin:0 auto;
    top: 0;
    }

#content {
    font-size:1.5em;
    max-width: 30em;
    margin: 0 auto;
}

#logo img {
    width: 9.375em;
    padding:0;
    margin:0;
    color: #fff;
}

#socialMedia img {
    max-height: 2em;
    padding:.5em;
}

header {
    display:table;
    width: 90%;
    height:100%;
    margin:0 auto;
}

h1 {
    font-family: 'Playfair Display', Georgia, Baskerville, Times, Times New Roman, serif;
	-webkit-font-smoothing: subpixel-antialiased;/*prevent font-weight turn lighter in Safari*/
  	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.05em !important;
    vertical-align: baseline;
    word-wrap: break-word;
    font-weight:600;
    line-height: 1.35em;
    font-size:1em;
    color: #B4C1D4;
}

.ContainVA {
    display:table;
    height:25%;
    width:100%;
    padding:0;
    margin:0;
    border:0;
}

a:link, a:visited, a:active {
    color: #DE6250;
    text-decoration: none;
    font-weight: 600;
}

a:hover {
    color: #DE6250;
    text-decoration: underline;
}

/*footer {
    color:#fff;
    width:100%;
    background:#000;
    vertical-align:middle;
    font-size:1em;
}*/

    footer p {
        display: block;
        margin: 0;
        padding: 0.1em 1em;
    }

.SmallerText {
    font-size:.75em;
}

.VerticAlign {
    position:relative;
    display:table-cell;
    vertical-align:middle;
    padding-left:2em;
    padding-right:2em;
}

/*Media Queries*/
@media screen and (max-width: 960px) {

}

@media screen and (max-width: 768px) {

}

@media screen and (max-width: 550px) {
body,html {
    font-size:3vw
}

    #socialMedia img {
    max-height: 3em;
    }
}

@media screen and (max-width: 320px) {

}