@font-face {
    font-family: 'Grifter';
    src: url('../files/GRIFTERBold.woff') format('woff'),
         url('../files/GRIFTERBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Pangram';
    src: url('../files/Pangram-Regular.woff') format('woff'),
    	 url('../files/Pangram-Regular.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

html {
	background-image: url("../files/Achtergrond.png");
	background-size: cover;
	background-color: #000;
	background-position: center center;
	margin-top: 60px;
}

body {
    margin-left: auto;
    margin-right: auto;
    background-image: none;
}

.Logo {
	width: 350px;
	margin-bottom: 60px;
	margin-top: -120px;
	padding-top: 10px;
}

#Tekst {
	width: 900px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: table;
    color: #fff;
}

#Content {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
	padding-left: 10px;
	padding-right: 10px;
}

h1 {
	font-family: 'Grifter', Helvetica,Arial,sans-serif;;
	font-size: 65px;
	line-height: 70px;
}

h3 {
	font-family: 'Pangram', Helvetica,Arial,sans-serif;;
	font-size: 33px;
	line-height: 40px;
}

button {
    background: none;
    color: #DF5A78;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    width: auto;
    border-radius: 50px;
    text-align: center;
    text-transform: uppercase;
    font-size: 21px;
    line-height: 18px;
    font-family: "Pangram",Helvetica,Arial,sans-serif;
    padding: 17px 35px;
    letter-spacing: 1px;
   cursor: pointer;
}

button:hover {
	color: #fff;
	background: #DF5A78;

}

@media screen and (max-width: 1000px) {
	#Tekst {
		width: 100%;
	}

}

@media screen and (max-width: 900px) {
	h1 {
		font-size: 55px;
		line-height: 60px;
	}
	h3 {
		font-size: 23px;
		line-height: 30px;
	}
		.Logo {
		width: 300px;
	}
}

@media screen and (max-width: 700px) {
	h1 {
		font-size: 45px;
		line-height: 50px;
	}
	h3 {
		font-size: 25px;
		line-height: 32px;
	}
}

@media screen and (max-height: 750px) {
	.Logo {
		margin-top: 0px;
	}
}