:root {

  --pohja-vari: #ffffff;

  --osa-leveys: 95vw;
  --osa-leveys-2: 95vh;
}

* {
  
  box-sizing: border-box;
}

body {
      
    background-color: var(--pohja-vari);
    background-image: url('vektorit/www_tausta%20Logo%20Fe%20Programming.svg');
    background-repeat: repeat-y;
    background-size: 100%;
    color: #000000;
}

div {

  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
}

#sivusto {

  display: flex;
  flex-direction: column;
}

.osasivusto {

  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
}

@media screen and (orientation: portrait) {
  
  .osasivusto {

    width: 95vw;
  }
}

@media screen and (orientation: landscape) {
  
  .osasivusto {

    width: 95vh;
  }
}

.osasivusto .otsikkosivusto {

}

.osasivusto .sisussivusto {

}