@charset "utf-8";

body {
		background-color: #CCCCCC;
}
main {
    display: block;
    position: relative;
	text-align: center;
}


#dtlayout {
	display: block;
	width: 100%;
}
#dtcontent {
	display: block;
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 79rem;
	padding: 0rem 0rem 0rem 20.5rem;
	font-size: 1.25rem;
}

#tablayout {
	display: block;
	width: 100%;
	text-align: center;
}
#tabcontent {
	display: block;
	position: absolute;
	top: 12.5rem;
	left: 0rem;
	width: 100%;
	font-size: 1.25rem;
}

#moblayout {
	display: block;
	width: 100%;
	text-align: center;
}
#mobcontent {
	display: block;
	position: absolute;
	top: 12.5rem;
	left: 0rem;
	width: 100%;
	font-size: 1.25rem;
}

#mob668layout {
	display: block;
	width: 100%;
	text-align: center;
}
#mob668content {
	display: block;
	position: absolute;
	top: 12.5rem;
	left: 0rem;
	width: 100%;
	font-size: 1.25rem;
}

#mob468layout {
	display: block;
	width: 100%;
	text-align: center;
}
#mob468content {
	display: block;
	position: absolute;
	top: 25rem;
	left: 0rem;
	width: 100%;
	font-size: 1.25rem;
}


.termsholder {
	display: block;
	width: 69rem;
	margin: 1.5rem auto 2.5rem auto;
}
.termsholder p {
	margin-block-start: 0.5em;
    margin-block-end: 0em;
    margin-inline-start: 0em;
    margin-inline-end: 0em;
	-webkit-margin-before: 0.5em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0em;
	-webkit-margin-end: 0em;
}
h1 {
	color: #01407F;
}
h2 {
	padding-bottom: 0.25rem;
}
.termshr {
    border-bottom: 0.075rem solid #01407F;
    margin: 1rem auto 1.075rem auto;
    width: 2.5rem;
}
.termssection {
	display: block;
	text-align: left;
	padding: 1rem 0rem 0.75rem 0rem;
}
.termssection li {
	display: inline-block;
	padding-right: 1rem;
}
.termscontact {
	display: block;
	line-height: 1.4em;
	padding-top: 0.5em;
}


@media screen and (min-width: 1181px) {
#tablayout {
	display: none;
}
}

@media screen and (max-width: 1180px) {
#dtlayout{
	display: none;
}
.termsholder {
	width: 51rem;
	margin: auto;
}
}

@media screen and (min-width: 869px) {
#moblayout{
	display: none;
}
}

@media screen and (max-width: 868px) {
#tablayout {
	display: none;
}
.termsholder {
	width: 41rem;
}
.termssection ul {
	padding-top: 0.25rem;
}
.termssection li {
	display: list-item;
	padding: 0rem;
}
}

@media screen and (min-width: 669px) {
#mob668layout {
	display: none;
}
}

@media screen and (max-width: 668px) {
#moblayout {
	display: none;
}
.termsholder {
	width: 31.5rem;
}
}

@media screen and (min-width: 469px) {
#mob468layout {
	display: none;
}
}

@media screen and (max-width: 468px) {
#mob668layout {
	display: none;
}
.termsholder {
	width: 21.25rem;
}
}