body, html {
  height: 100%;
  margin: 0;
}

.bg {
  /* The image used */
background-position:center;  
background-image: url("../index/poze/back.webp");
  background-attachment: fixed;

  /* Full height */
  height: 2000%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


img {
  width: 100%;
  height: auto;
}

input, select, textarea {
font-size: 200%;
}


  * {
      text-decoration: none;
font-family: 'Saira Condensed', sans-serif;
line-height:100%
    }

a.change, a.change:link, a.change:visited{background:transparent;color:#000000;}
a.change:hover, a.change:focus, a.change:active{background:transparent;color:#F00;}

a.c562, b.change:link, b.change:visited{background:transparent;color:#557878;}
a.c562:hover, b.change:focus, b.change:active{background:transparent;color:#F00;}

a.changehd, a.changed:link, a.changehd:visited{background:transparent;color:#1CBD62;}
a.changehd:hover, a.changehd:focus, a.changehd:active{background:transparent;color:#F00;}

body {
        font-family: 'Saira Condensed', sans-serif;
        font-size:font-size: 100.01%;
      }

#logo {
  height: 54px;
  text-align: left;
  line-height: 54px;
  font-size:calc((2vw + 3vh)*1.05);
  letter-spacing: -3px;
  margin: 0; 
}

#logo a {
  color: #557878; 
  text-decoration: none;
}

#logo a span { 
  color: black;
  background: white;
  padding-right: 0.1em; 
  font-weight: bold;
}

#menu1 span { 
  color: black;
  background: white;
  padding-right: 0.1em; 
  font-weight: bold;
}

#menu2 span { 
  color: black;
  background: white;
  padding-right: 0.1em; 
  font-weight: bold;
}

p.big {
  line-height: 1.5;
}

input[type='pass'] { font-size: 24px; }

<link href="https://fonts.googleapis.com/css?family=Saira+Condensed&display=swap" rel="stylesheet">