header {
display: flex;
flex-direction: column;
}

header a {
display: flex;
justify-content: center;
}

header div.logo {
margin: 10px 0;
}

header div.line {
display: flex;
justify-content: center;
padding: 1rem;
background-color: rgb(204, 0, 0);
color: #fff;
}

header div.line span {
text-decoration: underline;
}

footer {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
padding: 3rem 0;
border-top: 4px solid #0d2e11;
color: #f0f0f0;
background-color: rgb(102, 102, 102);
text-align: center;
font-size: 0.9rem;
}

.footer__info {
display: flex;
flex-direction: column;
justify-content: start;
}

.footer__menu-list {
display: flex;
list-style: none;
}

.footer__menu-item {
margin: 0 5px;
}

.footer__info p {
margin-bottom: 10px;
text-align: start;
}

footer a:hover {
color: #8b8b8b;
}

footer div.block {
max-width: 20rem;
margin: 1rem 0;
}

footer div.block img {
padding-left: 3rem;
}

@media only screen and (max-width: 720px) {
footer {
padding: 20px;
}
}

@media only screen and (max-width: 720px) {
footer div.block img {
padding-left: 0;
}
}