/*
* Styles for content pages
*/

#static-wrapper {
padding: 1.32em 0 5.2em 0;
}

#static-wrapper h1 {
margin: 0 auto 1.2em auto;
text-align: center;
font-weight: normal;
font-size: 1.32em;
line-height: 1.4em;
}

#static-wrapper h2 {
text-align: left;
font-size: 1.2em;
text-indent: 1.6em;
}

#static-wrapper p {
clear: both;
line-height: 1.6em;
text-indent: 1.6em;
}

#static-wrapper p.nti {
text-indent: 0;
}

#static-wrapper ul {
line-height: 1.6em;
padding-left: 0;
list-style-position: inside;
}

#static-wrapper li {
margin: 0.4em 0;
text-indent: 1em;
}

#static-wrapper img.icon {
float: left;
margin: 0 1em 0 1em;
}

#static-wrapper a {
text-decoration: none;
color: var(--link-color);
}

#static-wrapper a:visited {
color: var(--link-color);
}

#static-wrapper a:hover {
text-decoration: underline;
}


@media screen and (max-width: 1200px) {
#static-wrapper {
padding-left: 1.32em;
padding-right: 1.32em;
}
}

@media screen and (max-width: 420px) {
#static-wrapper {
padding-left: 0.72em;
padding-right: 0.72em;
}
}

@media screen and (max-width: 360px) {
#static-wrapper {
padding-left: 0.52em;
padding-right: 0.52em;
}
}



.about-logo-div {
margin-top: 4.2em;
text-align: center;
}

.about-logo {
width: 760px;
filter: var(--logo-origin-filter);
}


@media screen and (max-width: 1024px) {
.about-logo {
width: 68vw;
}
}

@media screen and (max-width: 768px) {
.about-logo {
width: 70vw;
}
}

@media screen and (max-width: 640px) {
.about-logo {
width: 74vw;
}
}
@media screen and (max-width: 460px) {
.about-logo {
width: 80vw;
}
}

@media screen and (max-width: 360px) {
.about-logo {
width: 84vw;
}
}