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

.bgimg-1, .bgimg-2, .bgimg-3 {
  position: relative;
  opacity: 0.80;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.bgimg-1 {
  background-image: url("tiiukaitalo.jpg");
  height: 100%;
}

.logo {
  font-family: 'Metrophobic', sans-serif;
  /*background-color: #111;*/
  color: #fff;
  /*padding: 18px;*/
  font-size: 32px;
  /*letter-spacing: 10px;*/
}

.info {
  font-family: 'Metrophobic', sans-serif;
  /*background-color: #111;*/
  color: #fff;
  /*padding: 18px;*/
  font-size: 18px;
  /*letter-spacing: 10px;*/
}

.container{
  height: 100%;
  /*border:1px solid red;*/
  /*margin-top:50px;*/
  /*margin-left:50px;*/
  display:block;
}
.footer{
  width:100%;
  height:280px;
  position:relative;
  float:left;
  /*border:1px solid blue;*/
  bottom: -webkit-calc(-100% + 280px);
  bottom:calc(-100% + 280px);
  text-align: center;
}