body {margin:0;padding:0;font-size:18px;height:100vh;position:relative}
video {max-height:calc(100vh - 124px);max-width:100%}
img {max-width:100%}
@media (max-width: 1399px) {
.f-18, .f-18 * {font-size:17px}
.f-20, .f-20 * {font-size:19px}
.f-21, .f-21 * {font-size:20px}
.f-24, .f-24 * {font-size:20px}
.f-28, .f-28 * {font-size:26px}
.f-36, .f-36 * {font-size:34px}
.f-40, .f-40 * {font-size:39px}
.f-48, .f-48 * {font-size:44px}
.f-60, .f-60 * {font-size:58px}
.f-64, .f-64 * {font-size:60px}
.f-72, .f-72 * {font-size:70px}
.f-90, .f-90 * {font-size:84px}
.f-96, .f-96 * {font-size:92px}
.f-128, .f-128 * {font-size:120px}
#virtual .pict_text {bottom:12%}
footer .top {background-size:11%}
#mainmenu {position:fixed;width:100%;top:115px;left:0;background-color:#fff}
#mainmenu img {margin-right:15px}
}
@media (max-width: 1199px) {
.f-21, .f-21 * {font-size:18px}
.f-24, .f-24 * {font-size:19px}
.f-28, .f-28 * {font-size:26px}
.f-32, .f-32 * {font-size:31px}
.f-36, .f-36 * {font-size:32px}
.f-40, .f-40 * {font-size:36px}
.f-44, .f-44 * {font-size:38px}
.f-48, .f-48 * {font-size:34px}
.f-60, .f-60 * {font-size:54px}
.f-64, .f-64 * {font-size:56px}
.f-72, .f-72 * {font-size:66px}
.f-90, .f-90 * {font-size:78px}
.f-96, .f-96 * {font-size:84px}
.f-128, .f-128 * {font-size:110px}
#virtual .pict_text {bottom:13%}
#mainmenu {top:113px}
}
@media (max-width: 991px) {
.f-21, .f-21 * {font-size:19px}
.f-28, .f-28 * {font-size:25px}
.f-32, .f-32 * {font-size:30px}
.f-36, .f-36 * {font-size:30px}
.f-40, .f-40 * {font-size:34px}
.f-44, .f-44 * {font-size:36px}
.f-48, .f-48 * {font-size:34px}
.f-60, .f-60 * {font-size:46px}
.f-64, .f-64 * {font-size:50px}
.f-72, .f-72 * {font-size:60px}
.f-90, .f-90 * {font-size:70px}
.f-96, .f-96 * {font-size:80px}
.f-128, .f-128 * {font-size:96px}
#virtual .pict {aspect-ratio:106/75;position:relative}
footer .top {background-size:21%}
.logo img {max-width:70px}
header {padding-left:0;padding-right:0}
#mainmenu {top:109px}
}
@media (max-width: 767px) {
.f-18, .f-18 * {font-size:16px}
.f-20, .f-20 * {font-size:19px}
.f-21, .f-21 * {font-size:19px}
.f-24, .f-24 * {font-size:18px}
.f-28, .f-28 * {font-size:22px}
.f-32, .f-32 * {font-size:28px}
.f-36, .f-36 * {font-size:28px}
.f-40, .f-40 * {font-size:30px}
.f-44, .f-44 * {font-size:32px}
.f-48, .f-48 * {font-size:32px}
.f-60, .f-60 * {font-size:42px}
.f-64, .f-64 * {font-size:46px}
.f-72, .f-72 * {font-size:54px}
.f-90, .f-90 * {font-size:64px}
.f-96, .f-96 * {font-size:72px}
.f-128, .f-128 * {font-size:84px}
footer .top {background-size:25%}
.logo img {max-width:64px}
#mainmenu {top:104px}
}
@media (max-width: 575px) {
.f-16, .f-16 * {font-size:14px !important}
.f-18, .f-18 * {font-size:16px}
.f-20, .f-20 * {font-size:16px}
.f-21, .f-21 * {font-size:18px}
.f-24, .f-24 * {font-size:19px}
.f-28, .f-28 * {font-size:20px}
.f-32, .f-32 * {font-size:20px}
.f-36, .f-36 * {font-size:24px}
.f-40, .f-40 * {font-size:26px}
.f-44, .f-44 * {font-size:26px}
.f-48, .f-48 * {font-size:26px}
.f-60, .f-60 * {font-size:32px}
.f-64, .f-64 * {font-size:38px}
.f-72, .f-72 * {font-size:46px}
.f-90, .f-90 * {font-size:56px}
.f-96, .f-96 * {font-size:66px}
.f-128, .f-128 * {font-size:72px}
#virtual .pict_text {position:relative;flex-wrap:wrap}
.pict_text img {display:none}
#mainmenu {top:78px}
.article-text figcaption {position:relative;left:auto;bottom:0;color:var(--c-1);padding:0;background-color:transparent}
}