@font-face {
  font-family: MullerExtraBoldItalic;
  src: url("/css/MullerExtraBoldItalic.otf") format("opentype"); }
@font-face {
  font-family: MullerExtraBold;
  src: url("/css/MullerExtraBold.otf") format("opentype"); }
@font-face {
  font-family: MullerBlack;
  src: url("/css/MullerBlack.otf") format("opentype"); }
@font-face {
  font-family: Snowstorm;
  src: url("/css/Snowstorm.otf") format("opentype"); }
@font-face {
  font-family: RussiaBlackItalic;
  src: url("/css/RussiaBlackItalic.otf") format("opentype"); }
header {
  color: #2B2786;
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 3em; }

#logo {
  color: #2B2786;
  position: relative;
  text-transform: uppercase; }

@media screen and (max-width: 720px) {
  #logo {
    font-size: 3.85vw; } }
#extra, #slogan {
  position: absolute; }

#ekovata {
  font-size: 5em;
  font-style: italic;
  font-family: MullerBlack; }

#extra {
  font-family: Snowstorm;
  font-style: italic;
  font-size: 3em;
  top: 1.1em;
  left: 4.5em;
  text-shadow: -0.05em -0.05em 0 #D1FFD1, -0.05em 0.1em 0 #D1FFD1, 0.1em -0.05em 0 #D1FFD1, 0.1em 0.1em 0 #D1FFD1, 0.15em 0.15em 0 #2B2786; }

#slogan {
  font-family: RussiaBlackItalic;
  background: #2B2786;
  color: #D1FFD1;
  left: 0;
  top: 5em; }

header .right {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-end;
  text-align: right;
  flex: auto; }

header .phone {
  color: #2B2786;
  font-family: MullerExtraBoldItalic;
  font-size: 2rem;
  display: block; }

header a:hover {
  text-decoration: none; }

@media all and (max-width: 720px) {
  header .right {
    display: none; } }