html,

body {

  height: 100%;

  margin: 0

}

.box {

  display: flex;

  flex-flow: column;

  height: 100%;

}

.box .row {

  border: 1px dotted grey;

}

.box .row.header {

  flex: 0 1 auto;

  

}

.box .row.content {

  flex: 1 1 auto;

}

.box .row.footer {

  flex: 0 1 40px;

}

#homehero{
	
	height:100%
}
.footer-bottom {
  padding: 10px 0 !important;
}