.AppStoreButtons {
    display: block;
    padding-left: 0;
    left:0;
    width: 100%;
    height: 100vw;
    max-height: 33.5vh;
}

@font-face {
    font-family: MetFutura;
    src: url(./futura-book.ttf);
}

html, body {
    max-width: 100vw;
    overflow-x: hidden;
    font-family: MetFutura;
}

.AppleAppButton {
    width: 99%;
    height: 35%;
    background: url("res/AppleAppStoreIcon.png") no-repeat center top;
    background-size: contain;
    margin: auto;
    margin-bottom: 1.5vh;
}

.GoogleAppButton {
    width: 99%;
    height: 35%;
    background: url("res/GoogleAppStoreIcon.png") no-repeat center top;
    background-size: contain;
    margin: auto;
    margin-top: 1.5vh;
}

.ShareToFacebook {
    background: #6f6f6f;
    font-family: MetFutura;
    font-size: 6vw;
    color: white;
    left:50%;
    top:50%;
    position: fixed;
    width: 90%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    padding: 0px;
    display: none;
    z-index: 20;
}

.ShareToFacebookText {
    text-align: center;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 10%;
    padding-bottom: 10%;
}

.FacebookShareButton {
    background: #1CA1C3;
    text-align: center;
    position: relative;
    width: 90%;
    left: 3%;
    padding: 2%;
    margin-bottom: 4%;
}