body {
    font-family: "Sans";
    font-size: 1rem;
}
a {
    color: #0066cc;
    text-decoration: none;
}
a:hover {
    color: darkred;
    font-weight: bold;
}
h1 {
    font-size: calc(1rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2;
}


.page-container {
    max-width: 1270px;   /* или другое значение, например 1000px */
    margin: 0 auto;       /* центрирование по горизонтали */
    padding: 0 20px;      /* небольшие отступы по бокам, чтобы на узких экранах контент не прилипал к краям */
}
.posted-date {
    margin-top: 15px;
    margin-bottom: 10px;
}

.top-menu-frame {
    display: flex; 
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content:space-evenly;
    align-items: flex-start;
    vertical-align:baseline;
    column-gap: 1%;
    margin-top: 15px;
    margin-bottom: 10px;
}

.logo {
    order: 1;
    flex-basis: 45;
}

.main-menu {
    order: 2;
    flex-basis: 90% ;
    display: flex;
    flex-wrap: wrap;
    column-gap: 1%;
    justify-content: flex-start;
    vertical-align:baseline;
}
.main-menu a {
    color: #0066cc;
    text-decoration: none;
}
.main-menu a:hover {
    color: darkred;
    font-weight: bold;
}
.main-menu span {
    color: #333;
}


.lang-switcher {
    order: 3;
    flex-basis: 2%;
    justify-content: flex-end;
    vertical-align:baseline;
}
.lang-switcher a {
    color: #0066cc;
    text-decoration: none;
}
.lang-switcher a:hover {
    color: darkred;
    font-weight: bold;
}
.lang-switcher span {
    color: #333;
}



.breadcrumbs {
    margin-bottom: 1rem;
    font-size: 0.9rem;
}
.breadcrumbs a {
    color: #0066cc;
    text-decoration: none;
}
.breadcrumbs a:hover {
    color: darkred;
    font-weight: bold;
}
.breadcrumbs span {
    color: #333;
}

.block-quote {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    align-items: top;
    gap: 10px;
    background-color: #1B2732;
    color: #fff;
    box-sizing: border-box;
    padding: 1.5rem;
    border-radius: 1.25rem;
    margin-bottom: 1.5rem;
}

.footer {
    margin-top: 15px;
    margin-bottom: 10px;
    padding: 45px 0 20px;
}
.footer-table {
    text-align: left;
}

.footer-table-contacts {
    vertical-align: top;
    border: none; 
}
.footer-table-contacts tr:nth-child(even) { background-color: transparent; }
.footer-table-contacts tr:nth-child(odd) { background-color: transparent; }


.footer-table-contacts-frame {
    margin-left: 25px;
    border: none; 
}
.footer-table-contacts-frame tr:nth-child(even) { background-color: transparent; }
.footer-table-contacts-frame tr:nth-child(odd) { background-color: transparent; }

.footer-contact-data th {
    vertical-align: baseline;
    border: none; 
    background-color: transparent;
}
.footer-contact-data th, .footer-contact-data tr:nth-child(even) { background-color: transparent; }
.footer-contact-data th, .footer-contact-data tr:nth-child(odd) { background-color: transparent; }

.footer-contact-data td {
    vertical-align: baseline;
    border: none; 
    background-color: transparent;
}
.footer-contact-data th {
    font-style: bold; 
    font-size: 105%;   
    border: none; 
    background-color: transparent;
}
.copyright-frame {
    display: flex; 
    justify-content: flex-end;
}

.responsive-image {
    max-width: 100%;
    height: auto;
    display: block;
}

table { border-collapse: collapse; }
td { border: 2px solid darkgray; }
th { border: 2px solid darkgray; }
tr:nth-child(even) { background-color: #f2f2f2; }
tr:nth-child(odd) { background-color: white; }