body {
	font-family: 'Roboto', sans-serif;
}

.centerLogo {
  position:absolute;
  font-size:100px;
  top: 30%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}


.centerHaaste {
	position:absolute;
    top:60%;
    left:50%;
    margin-left:-140px;
	background-color:black;
	color:red !important;
	text-decoration:none;
	text-align:center;
}

.centerForum {
	position:absolute;
    top:60%;
    left:50%;
    margin-left:10px;
	background-color:black;
	color:red !important;
	text-decoration:none;
	text-align:center;
	

}



@media only screen and (max-width: 500px) {
    
    .centerLogo {
	font-size:21px;
    position: absolute;
   	top:30%;
   	left: 50%;
    transform: translate(-50%, -50%);
    }

    img {
        width: 300px !important;
        height: 120px !important;
    }


    
    .centerHaaste {
	font-size:15px;
    position: absolute;
    top: 300px;
    left: 50%;
    margin-left: -65px;
	background-color:black;
	color:red !important;
	text-decoration:none;
	text-align:center;
    }
    
    .centerForum {
			font-size:15px;

    position: absolute;
    top: 400px;
    left: 50%;
    margin-left: -65px;
	background-color:black;
	color:red !important;
	text-decoration:none;
	text-align:center;
	    


    }
}



a {

    color:white;
    text-decoration:none;
    line-height:50px;
    text-align:center;
    padding-left:15px;
    padding-right:15px;
}

h1 {
text-align: center;
}

p {
font-size:10px;
text-align: center;
font-style: italic;
}

.copy{
    bottom:0;
    left:50%;
    position:absolute;
    margin-left:-17px;
}