styles.css

html, 
body {
    height: 100%;
    background-color: #222526;
}

#content {
    position: relative;
    width: 100%;
    height: 100%;
}

.text-white {
    color: white;
}

.fill-height {
    height: 100%;
}

.logo-container {
    height: 100%;
}

.logo {
    height: 100%;
}

.text-container {
    float: left;
    width: 50%;
    height: 100%;
}

.iphone-container {
    position: relative;
    float: left;
    width: 50%;
    height: 100%;
}
.iphone {
    background: url(img/iphone.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    /*width: 295px;*/
    height: 500px;
    margin: 4% auto;
    position: relative;
}

.android {
    background: url(img/android.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    /*width: 295px;*/
    height: 500px;
    margin: 4% auto;
    position: relative;
}

.center {
    margin: auto;
}

.height-10 {
    height: 10%;
    align-items: center;
}

.height-20 {
    height: 20%;
    align-items: center;
}

.height-25 {
    height: 25%;
    align-items: center;
}

.height-50 {
    height: 50%;
    align-items: center;
}

.height-70 {
    height: 70%;
    align-items: center;
}

.text {
    color: #ffffff;
    font-size: 1.2em;
    font-family: "lato", sans-serif;
}

.text-note {
    color: #ffffff;
    font-size: 0.75em;
    font-family: "lato", sans-serif;
}

.center-text {
    text-align: center;
}