html,
body {
  height: 100%;
      font-family: 'Montserrat', sans-serif;
    margin: 0px;
}

.container {
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.container .box {
  text-align: center;
  color: black;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.container .box-1 {
  background-color: white;

}
.container .box-2 {
  background-color: white;
  flex: 1;
    align-items: center;
}

.box-2 img {

    max-width: 80%;
    width:550px;
    
}

.container .box-3 {
    background-color: white;
    border-top: 2px solid #eee;
    height: 40px;
    flex-direction: row;
    color: #555;
}

.col {
    margin: 10px;
}

.footer {
    font-size: small;

}

.title {
    font-size: xx-large;
    margin: 10px;
}

.strap {
    font-size: large;
    margin: 10px;
}