.header{
    width: 100%;
    height: 200px;
    vertical-align: middle;
    text-align: center;
    margin: auto;
    display: table-cell;
}
.footer{
    width: 100%;
    vertical-align: middle;
    display: table-cell;
}
.outer-wrapper{
    display: inline-block;
}
.frame{
    width: 50%;
    height: 300px;
    vertical-align: middle;
    text-align: center;
    margin: auto;
    display: table-cell;
}
img{
    max-width: 35%;
    max-height: 100%;
    margin: auto;
    display: block;
}
.background {
    background-image: url("img/landing-background-3-flipped.png");
    background-size: cover;
    background-color: grey;
    background-repeat: no-repeat;
}