body {
    font-family: 'Mazzard H', sans-serif;
    background-color: #faaf23;
    color: #fff;
    text-align: center;
	overflow:hidden;
}
#heading {
    position: absolute;
    left: 50%;
    top: 40%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#logo{
    width:300px;
}
@media screen and (min-width:640px){
    #logo{
        width:400px;
    }
}

@media screen and (max-width:640px){
    #logo{
        margin-top:-250px;
    }
}

h1 {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

a, a:visited, a:hover, a:visited {
    color: #fff;
    text-decoration: none;
}
#footerbox {
    margin: 0;
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translate(-50%, 0%);
    min-width:350px;
}
#socialmedia a {
    padding-left: 7px;
    padding-right: 7px;
}

@media screen and (max-width:640px){
  body,p{
    line-height:1.2em;
  }
	br{
		line-height:0.5em;
	}
	
	#heading {
    position: absolute;
    left: 50%;
    top: 38%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
	
}