body,html {
	height:100%
}
a,a:active,a:focus,a:hover,body {
	color:#BDBDBD
}
iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 0%;
    pointer-events: none;
}

html {
	background-size:cover;
	background-position:center;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-image:url(../img/bg.html)
}
body {
	background: rgb(220,220,221);
background: black;
	width:100%
}
div.logo {
	width:320px;
	margin:0 auto;
	border-radius:50%;
	padding:10px
}
main {
	font-family:'Comfortaa';
	text-align:center
}
main h1 {
	padding-top:20px;
	letter-spacing:5px;
	font-weight:600;
	font-size:34px
}
main h2 {
	padding-top:5px;
	letter-spacing:3.25px;
	font-weight:100;
	font-size:16px;
	color:#EAEAEA
}
ul.social {
	margin-top:15px
}
ul.social a {
	font-size:26px;
	opacity:.5
}
ul.social a:active,ul.social a:focus,ul.social a:hover {
	opacity:1
}
ul.social li:not(:last-child) {
	margin-right:20px
}
footer {
	color:#ffffff;
	opacity:.9;
	font-size:16px;
	letter-spacing:.75px;
	text-shadow:0px 0px 2px white,0px 0px 2px white,0px 0px 2px white,0px 0px 4px #553300,0px 0px 4px #553300;
}
footer a,footer a:active,footer a:focus,footer a:hover {
	color: #FFFFFF
}
video {

        position: fixed;

        top: 50%;

        left: 50%;

        min-width: 100%;

        min-height: 100%;

        width: auto;

        height: auto;

        z-index: -100;

        transform: translateX(-50%) translateY(-50%);

        background-size: cover;

        transition: 1s opacity;

    }