img {
    display: block;
    max-width: 100%;
}

body {
    letter-spacing: 0.015em;
}


header,
main,
footer {
    position: relative;
    width: 100%;
}

header {
    background-color: #fff;
}

.container {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    min-width: 320px;
    /* max-width: 1440px; */
    max-width: 450px;
}

.container-header,
.container-footer {
    width: 87.5%;
}

.container-header {
    height: 60px;
    display: flex;
}

.container-header h1 {
    display: flex;
    align-items: center;
    justify-content: center;
}




.container.container-main {
    padding-bottom: 50px;
}

.img-vertical {
    margin-left: 6.25%;
    margin-right: 6.25%;
    width: 87.5%;
    padding-top: 6.25%;
}

.container.container-main p,
.container.container-main ul {
    /* width: 87.5%; */
    margin-left: 6.25%;
    margin-right: 6.25%;
    font-size: 22px;
    line-height: 1.32;
}

.container.container-main ul {
    list-style: disc;
    list-style-position: outside;
    padding-left: 40px;
}

.container.container-main img + p {
    padding-top: 24px;
}




footer {
    background-color: #ededed;
}

.container-footer {
    /* border-top: 1px solid rgba(0, 0, 0, 0.12); */
    text-align: center;
    color: #444444;
    padding-top: 20px;
    padding-bottom: 20px;
}

.container-footer p {
    font-size: 14px;
    line-height: 1.25;
}

.container-footer p span {
    display: block;
}

.container-footer p span + span {
    margin-top: 0.2em;
}