/*=====================================================================*/

/* 240px 1000px 300px 512px */
.div-homepage-horizontalcenteralign
	{
	max-width: calc(
		15rem
		+ 62.5rem
		+ 18.75rem );
	max-width: calc(
		var(--burgerdiscussionsiframewidth)
		+ var(--maxpagemiddleblockwidth)
		+ var(--burgeranimationsiframewidth) );

	margin-left:  auto;
	margin-right: auto;
	}

.p-homepage-spacerfortallscreens
	{
	display: none;
	}

/* 512px 900px */
@media (min-height: 32rem) and (max-height: 56.25rem)
{
.p-homepage-spacerfortallscreens
	{
	display:       block;
	width:          1rem;
	margin-bottom: calc( 100vh - 540px );
	}
}

/*=====================================================================*/
/* 100px */
.div-homepage-leftblock
	{
	display: inline-block;
	vertical-align:   top;

	width: 15rem;
	width: var(--burgerdiscussionsiframewidth);

	height: 6.25rem;
	}

/* left sidebar is not shown when width is less than 1200px */
@media (max-width: 75rem)
{
.div-homepage-leftblock
	{
	display: none;
	}
}

/*=====================================================================*/
.div-homepage-herolineoneblock,
.div-homepage-textblock
	{
	max-width:        45rem;
	padding:           20px;
	scroll-margin-top: 20px;
	}

.div-homepage-herolineoneblock
	{
	max-width: 30rem;
	margin-top: 40px;
	}

/* left margin not required when width is less than 1200px */
@media (max-width: 75rem)
{
.div-homepage-herolineoneblock,
.div-homepage-textblock
	{
	margin-left: 15%;
	}
}

/* left margin not required when width is less than 1000px */
@media (max-width: 62.5rem)
{
.div-homepage-herolineoneblock,
.div-homepage-textblock
	{
	margin-left: 10%;
	}
}

/* left margin not required when width is less than 850px */
@media (max-width: 53.125rem)
{
.div-homepage-herolineoneblock,
.div-homepage-textblock
	{
	margin-left:  0px;
	margin-right:  5%;
	padding-left: 0px;
	}
}

/*=====================================================================*/
.h1-homepage-herolineone,
.p-homepage-herolineonesub
	{
	max-width:    30rem;
	margin-left:   10px;
	margin-right:  10px;
	padding-left:  10px;
	padding-top:    5px;
	padding-right: 10px;
	padding-bottom: 5px;
	text-align:  center;
	color: hsl(0, 0%, 50%); color: var(--texthomepageherocolour);
	font-weight:   bold;
	font-variant: small-caps;
	line-height:   120%;
	scroll-margin-top: 150px;
	}

.h1-homepage-herolineone
	{
	margin-bottom: 20px;
	font-size:     350%;
	}

.p-homepage-herolineonesub
	{
	margin-bottom: 10px;
	font-family: system-ui, arial, sans-serif;
	font-size:     200%;
	}

/*=====================================================================*/
/* 500px */
@media (max-width: 31.25rem)
{
.h1-homepage-herolineone
	{
	font-size: 300%;
	}

.p-homepage-herolineonesub
	{
	font-size: 175%;
	}
}

/* 400px */
@media (max-width: 25rem)
{
.h1-homepage-herolineone
	{
	font-size: 250%;
	}

.p-homepage-herolineonesub
	{
	font-size: 150%;
	}
}

/* 350px */
@media (max-width: 21.875rem)
{
.h1-homepage-herolineone
	{
	font-size: 150%;
	}

.p-homepage-herolineonesub
	{
	font-size: 125%;
	}
}
/*=====================================================================*/

/*=====================================================================*/
/* 550px */
.h2-homepage-texttitle,
.p-homepage-textbold
	{
	width:     fit-content;
	max-width:   34.375rem;
	margin-left:     -10px;
	margin-right:     20px;
	margin-bottom:    30px;
	padding-left:     10px;
	padding-top:       5px;
	padding-bottom:    5px;
	color: hsl(0, 0%, 45%); color: var(--texthomepagecolour);
	font-size:        150%;
	font-weight:      bold;
	line-height:      120%;
	}

.h2-homepage-texttitle
	{
	margin-bottom: 60px;
	font-size:     200%;
	}

@media (pointer: coarse)
{
.p-homepage-textbold
	{
	line-height: 150%;
	}
}

/*=====================================================================*/
.p-homepage-textnotbold
	{
	width:   fit-content;
	margin-left:   -10px;
	padding-left:   10px;
	padding-top:    10px;
	padding-right:  20px;
	padding-bottom: 10px;
	font-size:   x-large;
	line-height:    110%;
	}

@media (pointer: coarse)
{
.p-homepage-textnotbold
	{
	padding-bottom: 20px;
	line-height:    150%;
	}
}

/*=====================================================================*/
.div-homepage-sitemapsection
	{
	margin-bottom: 30px;
	}

/*=====================================================================*/