body {
    /* height: 100vh; */
    min-height: 100vh;
    background: #ECE9E6;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #FFFFFF, rgb(179, 175, 172));
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #FFFFFF, rgb(179, 175, 172));
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.hero {
    background-color: white;
    padding-bottom: 30pt;
}

.logo {
    max-height: 80pt;
    width: auto;
    margin-top: 20pt;
    margin-bottom: 20pt;
}


.wrapper {
    min-height: 100vh;
    padding-bottom: 80pt;
    margin-bottom: -80pt;
}

.description-section {
    padding-top: 30pt;
    padding-bottom: 30pt;
}

footer {
    padding-top: 30pt;
    padding-bottom: 30pt;
    background-color: black;
    color: white;
    height: 80pt;
}

footer a {
    color: rgb(252, 242, 223);
}

footer a:hover {
    color: rgb(208, 235, 253);
}

.iphone {
    display: inline-block;
    margin: 30px;
    background-color: #f8f8f8;
    border: 1px solid #c0c0c0;
    padding: 0 10px 0 10px;
    border-radius: 25px;
    max-width: 100% !important;
    box-shadow: 5px 3px 10px rgb(73, 73, 73);
}

.iphone-screenshot {
    max-width: 200px;
    border: 1px solid #000000;
}

.iphone-small-round-top {
    margin: 10px auto;
    width: 5px;
    height: 5px;
    background-color: #c0c0c0;
    border-radius: 50%;
}

.iphone-round-top-left {
    float: left;
    margin-left: 65px;
    margin-top: -2px;
    width: 9px;
    height: 9px;
    background-color: #c0c0c0;
    border-radius: 50%;
}

.iphone-speaker {
    margin: 15px auto;
    margin-top: 10px;
    width: 30px;
    height: 5px;
    background-color: #c0c0c0;
    border-radius: 3px;
}

.iphone-button {
    border-radius: 50%;
    margin: 10px auto;
    width: 30px;
    height: 30px;
    border: 2px solid #c0c0c0;
    background: none !important;
}

.store-badge img {
    height: 40pt;
    width: auto;
}