/* Подключение шрифта */
@font-face {
font-family: Roboto;
src: url("RobotoRegular.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
/* Конец: подключение шрифта */
* { 
box-sizing: border-box;
}
html, body {
margin: 0;
padding: 0;
}
body {
font-family: Roboto, Sans-Serif;
font-size: 20px;
line-height: 1.3; /* по умолчанию 1.2 */ 
color: #000000;
}
.header {
width: 100%;
background-color: #F0F0EE;
top: 0;
left: 0;
}
.logo {
min-width: 320px;
max-width: 1000px;
height: 150px;
text-align: center; 
margin: 0 auto;
padding: 40px;
line-height: 1.3;
background: url(fon.jpg) no-repeat;
background-size: cover;
}
.logo1 {
font-family: Roboto, Sans-Serif;
color: #ffffff;
font-size: 28px;
font-weight: bold;
text-decoration: none;
}
.logo2 {
font-family: Roboto, Sans-Serif;
color: #dddddd;
font-size: 21px;
font-weight: bold;
text-decoration: none;
}
.logo a {text-decoration: none;}
h1 {
font-family: Roboto, Sans-Serif;
font-size: 23px;
color:#111111;
font-weight: bold;
}
h2 {
font-family: Roboto, Sans-Serif;
font-size: 21px;
color:#333333;
font-weight: bold;
}
.content {
min-width: 320px;
max-width: 1000px; /* итог 980 */
margin: 0 auto;
padding: 10px 10px 0 10px;
}
.footer {
width: 100%;
background-color: #dddddd;
line-height: 1.6;
}
.copy {
text-align: center;
padding: 40px 0px 40px 0px;
color:#000000;
font-size: 22px;
}
.year::after {content: "2026";}
a {color:#000000;}
a:hover {text-decoration: none;}
img {max-width: 100%;}
.nav {
width: 33%;
background: #ffffff;
border: 1px solid #dddddd;
display: inline-block;
padding: 20px 10px;
vertical-align: top;
text-align: center;
line-height: 1.4;
}
@media screen and (min-width: 484px) and (max-width: 720px) {
.nav {
width: 50%;
}
}
@media screen and (min-width: 320px) and (max-width: 484px) {
.nav {
width: 100%;
}
}