@font-face {
  font-family: 'MoskvichSans-Medium';
  src: url('/9may/fonts/MoskvichSans-Medium.eot');
  src: local('☺'), 
      url('/9may/fonts/MoskvichSans-Medium.woff') format('woff'), 
      url('/9may/fonts/MoskvichSans-Medium.ttf') format('truetype'), 
      url('/9may/fonts/MoskvichSans-Medium.svg') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
  
  html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;text-decoration:none;}
  article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
  *:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;}
  *{box-sizing:-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
  html {height: 100%;}
  body{font-family: 'Helvetica', sans-serif!important;zoom:100%;font-size:18px;color:#000;line-height:1.3em;background: #fff;height:100%;position:relative;overflow-x:hidden;-webkit-text-size-adjust:none;-webkit-font-smoothing:subpixel-antialiased!important;}
  a{color: inherit;}
  p {margin-top: 0;margin-bottom: 12px;}
  svg g {fill: inherit;stroke: inherit;}
  h1 {font-size: 32px;font-weight: bold;font-family: 'MoskvichSans-Medium';line-height: 1.1em;}
  h2 {font-size: 24px;font-weight: bold;font-family: 'MoskvichSans-Medium';}
  b {font-weight: bold;}
  .text-white {color: #fff!important;}
  .img-fluid {
    max-width: 100%;
    height: auto;
  }
  .nowrap {
    white-space: nowrap;
  }

.main-wrap {
  min-height: 100%!important;
}
.text-center {
  text-align: center!important;
}
.title {
  flex: 1 1 auto;
}
.card {
  position: relative;
}
.card .text-white {
  text-shadow: 2px 2px 3px #C82E3E;
}
.card .bg {
  display: block;
  position: absolute;
  background: #C82E3E;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.card .bg:before {
  content: '';
  display: block;
  background: url(../pt.svg) repeat center/50px;
  width: 100%;
  height: 100%;
}
.small {
    font-size: 16px;
}

@media (max-width: 1320px) {
  body {font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1320 - 320)));}
  h1 {font-size: calc(20px + (32 - 20) * ((100vw - 320px) / (1320 - 320)));}
  h2 {font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1320 - 320)));}
  .small {font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1320 - 320)));}
}
@media (min-width: 576px) and (max-width: 992px) {
  .card .text-center {
    text-align: left!important;
  }
}