:root {
  --green: #909e51;
  --yellow: #ffb502;
  --white: rgb(245,245,245);
  --asize: 12px;
  font-size: calc(2 * var(--asize));
}
.smallscreen { display: none; }
.largescreen { display: display;}
@media (max-width: 1000px){
	.smallscreen { display: block; }
	.largescreen { display: none; }
	:root {
		--asize: 10px;
	}
}
body {
    height: 100vh;
    margin: 0 0 0 0;
    padding: 0px;
    gap: 0px;
    display: grid;
    grid-template-rows: auto auto auto;
    justify-items: center;
    background-color: black;
}
.content {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0px;
	color: var(--white);
	text-align: justify;
	:is(h1, h2, h3, h4, h5, h6) {
                text-align: center;
        }
	.text-block {
		width:90%;
		margin: 0 auto;
	}
}
.phff-header {
	align-self: flex-start;
}
.phff-footer {
	align-self: flex-end;
}
.responsive-object {
    position: relative;
}
.responsive-object iframe,
.responsive-object object,
.responsive-object embed {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
}