div#sitefooter
{
	background-color: #0D4680;
	padding: 25px 305px 25px 55px;
	float: left;
	width: 100%;
/*	margin-bottom: 109px; */
}
div#sitefooter nav
{
	width: calc(100% - 150px);
}
html:not(.home) div#sitefooter ul#home
{
	display: none;
}
div#sitefooter ul:not(.dropdown)
{
	display: grid;
    grid-template-columns: repeat(8, auto);
    gap: 20px;
	list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
div#sitefooter ul.dropdown
{
	list-style-type: none;
    margin: 0;
    padding: .5em 0 0 0;
    width: 100%;
}
div#sitefooter a:link, div#sitefooter a:visited
{
	color: white;
	font-size: 14px;
	line-height: 17px;
	padding: 5px;
	display: inline-block;
	width: 100%;
}
div#sitefooter ul:not(.dropdown) a:link, div#sitefooter ul:not(.dropdown) a:visited
{
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	font-size: 17px;
	color: #82bce0;
	padding-bottom: .2em;
}
div#sitefooter ul.dropdown a:link, div#sitefooter ul.dropdown a:visited
{
	color: white;
	font-size: 14px;
	font-family: 'Inter', sans-serif;
	font-weight: 400;
}
html.home div#sitefooter ul#general
{
	display: none;
}

/* home footer */

html.home #s4-bodyContainer
{
	min-height: calc(100% - 77px);
}
html.home div#sitefooter ul#home
{
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
	list-style-type: none;
    margin: 0 auto;
    padding: 0;
    width: 1450px;
}
html.home div#sitefooter
{
	padding: 25px;
}
html.home ul#home li
{
	text-align: center;
}
html.home ul#home li a:link, html.home ul#home li a:visited
{
	color: white;
	font-size: 20px;
	transition: all .3s;
}
html.home ul#home li a::after
{
	content: "\276F";
    font-size: 16px;
    padding-left: .5em;
}
html.home ul#home li a:hover
{
	text-decoration: none;
	transform: scale(1.07);
}


@media screen and (min-width: 1451px) and (max-width: 1600px)
{
	html.home div#sitefooter ul#home
	{
		width: 80%;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1450px)
{
	html.home div#sitefooter ul#home
	{
		width: 90%;
	}
	html.home ul#home li a:link, html.home ul#home li a:visited
	{
		font-size: 16px;
	}
}

@media screen and (min-width: 769px) and (max-width: 1024px)
{
	html.home div#sitefooter ul#home
	{
		width: 90%;
	}
	html.home ul#home li a:link, html.home ul#home li a:visited
	{
		font-size: 15px;
	}
}

@media screen and (max-width: 1024px)
{
	html.home div#sitefooter ul#home
	{
		width: 100%;
		grid-template-columns: 1fr;
	}
	html.home ul#home li a:link, html.home ul#home li a:visited
	{
		font-size: 14px;
	}
	div#sitefooter ul:not(.dropdown)
	{
		grid-template-columns: 1fr;
	}
	div#sitefooter
	{
		padding: 1.5em;
	}
	div#sitefooter li
	{
		width: 100%;
	}
	div#sitefooter nav
	{
		width: 100%;
	}
}