@charset "utf-8";

main {
    display: block;
	text-align: center;
}

h1 {
	background-color: #FFFFFF;
	margin-top: 1.5rem;
	color: #272D66;
}




#dtlayout {
	display: block;
	width: 100%;
}
#dtlayout h1 {
	line-height: 1.25rem;
	margin-top: 2.5rem;
}
#dtlayout > main {
	margin: -0.25rem 0rem -0.25rem -0.375rem;
}
#dtlayout p {
	display: block;
	line-height: 1.25em;
    margin-block-end: 0.75em;
	-webkit-margin-after: 0.75em;
}
#dtimage {
	display: inline-block;
	width: 54%;
	line-height: 0;
}
#dtimage img {
	width: 100%;
	vertical-align: middle;
}
#dtcontent {
	display: inline-block;
	width: 45%;
	height: 33rem;
	vertical-align: top;
	padding-top: 0.25rem;
	background-image: url("background-logo-dt.jpg");
	background-repeat: no-repeat;
	background-size: contain;
}
#dtintro {
	display: block;
	color: #272D66;
}
#dtnavsection {
	display: block;
}
#dtnavsection h2 {
	display: inline-block;
}
#dtnavsection a, #dtnavsection a:visited {
	color: #272D66;
}
#dtnavsection a:hover, #dtnavsection a:active {
	color: #D69B2D;
}
#dtlink1st, #dtlink2nd, #dtlink3rd, #dtlink4th, #dtlink5th {
	display: inline-block;
	line-height: 2em;
	padding-right: 1rem;
}
#dtlink1st img, #dtlink2nd img, #dtlink3rd img, #dtlink4th img, #dtlink5th img {
	height: 0.5rem;
	padding-right: 0.5rem;
	margin-bottom: 0.125rem;
	vertical-align: middle;
}




#tzlayout {
	display: block;
	width: 100%;
}
#tzlayout h1 {
	line-height: 1.25rem;
	margin-top: 1rem;
}
#tzlayout p {
	display: block;
	line-height: 1.25em;
    margin-block-end: 0.75em;
	-webkit-margin-after: 0.75em;
}
#tzimage {
	display: block;
	line-height: 0;
}
#tzimage img {
	width: 100%;
}
#tzintro {
	display: block;
	color: #272D66;
}
#tznavsection {
	display: block;
}
#tznavsection h2 {
	display: inline-block;
}
#tznavsection a, #tznavsection a:visited {
	color: #272D66;
}
#tznavsection a:hover, #tznavsection a:active {
	color: #D69B2D;
}
#tzlink1st, #tzlink2nd, #tzlink3rd, #tzlink4th, #tzlink5th {
	display: inline-block;
	line-height: 2em;
	padding-right: 1rem;
}
#tzlink1st img, #tzlink2nd img, #tzlink3rd img, #tzlink4th img, #tzlink5th img {
	height: 0.5rem;
	padding-right: 0.5rem;
	margin-bottom: 0.125rem;
	vertical-align: middle;
}




#tplayout {
	display: block;
	width: 100%;
}
#tplayout h1 {
	line-height: 1.25rem;
	margin-top: 1rem;
}
#tplayout p {
	display: block;
	line-height: 1.25em;
    margin-block-end: 0.75em;
	-webkit-margin-after: 0.75em;
}
#tpimage {
	display: block;
	line-height: 0;
}
#tpimage img {
	width: 100%;
}
#tpintro {
	display: block;
	color: #272D66;
}
#tpnavsection {
	display: block;
}
#tpnavsection h2 {
	display: inline-block;
}
#tpnavsection a, #tpnavsection a:visited {
	color: #272D66;
}
#tpnavsection a:hover, #tpnavsection a:active {
	color: #D69B2D;
}
#tplink1st, #tplink2nd, #tplink3rd, #tplink4th, #tplink5th {
	display: inline-block;
	line-height: 2em;
	padding-right: 1rem;
}
#tplink1st img, #tplink2nd img, #tplink3rd img, #tplink4th img, #tplink5th img {
	height: 0.5rem;
	padding-right: 0.5rem;
	margin-bottom: 0.125rem;
	vertical-align: middle;
}




#mlayout {
	display: block;
	width: 100%;
}
#mlayout h1 {
	line-height: 1.25rem;
	margin-top: 1rem;
}
#mlayout p {
	display: block;
	line-height: 1.25em;
    margin-block-end: 0.75em;
	-webkit-margin-after: 0.75em;
}
#mimage {
	display: block;
	line-height: 0;
}
#mimage img {
	width: 100%;
}
#mintro {
	display: block;
	color: #272D66;
}
#mnavsection {
	display: block;
}
#mnavsection h2 {
	display: inline-block;
}
#mnavsection a, #mnavsection a:visited {
	color: #272D66;
}
#mnavsection a:hover, #mnavsection a:active {
	color: #D69B2D;
}
#mlinklineone, #mlinklinetwo {
	display: block;
}
.mlink1st {
	display: inline-block;
	line-height: 2em;
	padding: 0rem 0.5rem 0rem 0.5rem;
}
.mlink2nd {
	display: inline-block;
	line-height: 2em;
	padding: 0rem 0.5rem 0rem 0.5rem;
}
.mlink3rd {
	display: inline-block;
	line-height: 2em;
	padding: 0rem 0.5rem 0rem 0.5rem;
}
.mlink1st img, .mlink2nd img, .mlink3rd img {
	height: 0.5rem;
	padding-right: 0.5rem;
	margin-bottom: 0.125rem;
	vertical-align: middle;
}




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

@media screen and (max-width: 1279px) {
#dtlayout {
	display: none;
}
}

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

@media screen and (max-width: 849px) {
#tzlayout {
	display: none;
}
}
	
@media screen and (min-width: 450px) {
#mlayout {
	display: none;
}
}
	
@media screen and (max-width: 449px) {
#tplayout {
	display: none;
}
}