section {
  display: flex;
  padding: 0px;
  width: 100%;
  margin: auto;
}

.banner-section {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
  url("https://images.unsplash.com/photo-1486312338219-ce68d2c6f44d?ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&q=80&w=1472");
  background-color: black;
  height: 50vh;
  width: 100vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

article.tekst-pildil {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 30vw;
  width: 20vw;
  margin: auto;
    border-radius: px
}

article.info-pilt {
  display: flex;
  flex-direction: row;
  align-items: left;
  text-align: left;
  margin: 0;
}

.centered {
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}

.tekst-ja-pilt {
  height: 100%;
  width: 100vw;
  background-color: #FFEEE1;
}

.list_view
{
display: flex;
align-items: center;
padding-left: 10px;
}