h1{
	font-family:"Special Elite";
	font-size: 16pt;
	color: #ffffff;
	text-align: center;
}

button {
	background: red;
	border-radius: 8px;
	padding: 10px 30px;
	margin-top: 20px;
	margin-bottom: 40px;
	cursor: pointer;
	border-color: red;
	color:black;
	font-size:18px;
	font-weight: 500;
	
}

button:hover {
	background: yellow;	
	border-color: yellow;
}

/* force all clicks inside button elements (eg span) to be defined as button clicks */
button > * {
	pointer-events: none;
}
/* .wrapper */


.downl {
	display: grid;
	place-content: center;
	align-items: center;
	margin-top: 20px;
	margin-left: auto;
	margin-right:auto;
	color: #ffffff;
	font-size: 12pt;
}
.trump {
	display: grid;
	place-content: center;
	align-items: center;
	margin-top: 20px;
	margin-left: auto;
	margin-right:auto;
	color: #ffffff;
	font-size: 10pt;
	text-align: center;
}

.nm {
	display: grid;
	place-content: center;
	align-items: center;
	margin-top: 20px;
	margin-left: auto;
	margin-right:auto;
	color: #ffffff;
	font-size: 9pt;
}
img {
	display: block;
	margin: auto;
	width: 90%;
  }

.ema {
	display: grid;
	place-content: center;
	align-items: center;
	margin-top: 20px;
	margin-left: auto;
	margin-right:auto;
	color: white;
	
}

a {
	color: #ffffff;
	font-size: 10pt;
}
@media only screen and (min-width: 390px) {
	h1{
		font-size: 18pt;		
	}
	a {
		color: #ffffff;
		font-size: 11pt;
	}
	.trump {
		font-size: 11pt;
	}
	.ema {
		font-size: 11pt;
	}
}


@media screen and (min-width: 576px) {
	h1 {
		font-size: 24pt;
	}
	a {
		color: #ffffff;
		font-size: 12pt;
	}
	.downl {
		font-size:14pt ;
	}
	.nm {
		font-size: 10pt;
	}
	.trump {
		font-size: 12pt;
	}
	
}
@media screen and (min-width: 1023px) {
	h1 {
		font-size: 28pt;
	}
	a {
		color: #ffffff;
		font-size: 14pt;
	}
	.downl {
		font-size:16pt ;
	}
	.nm {
		font-size: 11pt;
	}
	.trump{
		font-size: 14pt;
	}
	
}