.centered{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: left;
    font-family: var(--Font);
    }

.PageContent{
margin: 10px;
padding: 10px;
font-family: var(--Font);
margin-bottom: 100px;
}

.TextContent{
    width: 60%;
    color: var(--text);
    display: flex;
    flex-direction: column;
    font-family: var(--Font);
}
.TextContent p,
.TextContent li
{font-size: 19px; margin-top: 5px;}
.TextContent h1{font-size: 50px;}
.TextContent h2{font-size: 22px; margin-top: 20px;}
.Title{font-size: 50px;}

@media (max-width: 1200px) {

.PageContent{
margin: 30px;
padding: 0px;
font-family: var(--Font);
margin-bottom: 100px;
color: var(--text);
}

.TextContent{
    width: 100%;
    color: var(--text);
    display: flex;
    flex-direction: column;
    font-family: var(--Font);
}

.TextContent p, .TextContent li {font-size: var(--Font-P); margin-top: 5px;}
.TextContent h1{font-size: var(--Font-H1);}
.TextContent h2{font-size: var(--Font-H2); margin-top: 20px;}
}

img{
max-width:900px;
height: auto;
}