a:link    {color:#000000;}  /* unvisited link  */
a:visited {color:#000000;}  /* visited link    */
a:hover   {color:#000000;}  /* mouse over link */
a:active  {color:#000000;}  /* selected link   */

.page {
    max-width: 840px;
    margin: auto;
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 19px;
    text-align: justify;
    line-height: 1.5em;

/*    border: 1px solid black;*/
    background-color: #FEFFFF;
}

.page-body {
    margin-left:30px;
    margin-right:30px;
    display: grid;
    row-gap: 40px;
    column-gap: 10px;
    color: #444;
}

.header {
    padding-top: 5px;
    line-height: 1em;
    text-align: left;

    display: flex;
    gap: 14px;
}

.header img {
    width: 77px;
    height: 77px;
    display: inline-block;
    vertical-align: middle;
}

.header .text {
    display: grid;
    align-items: center;
}

.header .text .title {
    font-size: 46px;
    font-weight: bold;
}

.header .text .subtitle {
    font-size: 14px;
    margin-top: -14px;
    margin-left: 4px;
}

.description {
    
}

.content {
    display: grid;
    row-gap: 40px;
}

.content .section {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.content div.icon {
	min-width: 100px;
	text-align: center;
	margin: auto;
	flex: 0;
	display: inline-block;
}

.content div.text {
	flex: 1;
	min-width: 300px;
	display: inline-block;
}


.about {
    display: flex;
    flex-wrap: wrap-reverse;
    gap: 40px;
    justify-content: center;
}

.about div.text {
	flex: 1;
	min-width: 300px;
	display: inline-block;
}

.about .text a {
	color:#009DDA;
}

.about div.photo {
	flex: 0;
	margin: auto;
	min-width: 160px;
	text-align: center;
	display: inline-block;
}

.about .photo .title {
    font-size: 14px;
    text-align: center;
}

.footer {
    text-align: left;
    line-height: 2em;
}

.footer .subtitle {
    font-size: 12px;
    opacity: 50%;
}