body {

    background: linear-gradient(273.18deg, #1A2320, #27322E);

}



.terms {

    color: #ffffff;

    padding: 20px;

}



@-webkit-keyframes fadeInFromNone {

    0% {

        display: none;

        opacity: 1;

    }



    1% {

        display: block;

        opacity: 0.9;

    }



    100% {

        display: block;

        opacity: 0.7;

    }

}



@-moz-keyframes fadeInFromNone {

    0% {

        display: none;

        opacity: 1;

    }



    1% {

        display: block;

        opacity: 0.9;

    }



    100% {

        display: block;

        opacity: 0.7;

    }

}



@-o-keyframes fadeInFromNone {

    0% {

        display: none;

        opacity: 1;

    }



    1% {

        display: block;

        opacity: 0.9;

    }



    100% {

        display: block;

        opacity: 0.7;

    }

}



@keyframes fadeInFromNone {

    0% {

        display: none;

        opacity: 1;

    }



    1% {

        display: block;

        opacity: 0.9;

    }



    100% {

        display: block;

        opacity: 0.7;

    }

}



.appstorebtn {

    opacity: 1;

    transition: all ease-in-out 0.5s;

}



.appstorebtn:hover {

    display: block;

    -webkit-animation: fadeInFromNone 0.5s ease-out;

    -moz-animation: fadeInFromNone 0.5s ease-out;

    -o-animation: fadeInFromNone 0.5s ease-out;

    animation: fadeInFromNone 0.5s ease-out;

    opacity: 0.7;

}



.logoimg {

    text-align: center;

    width: 193px;

}



.logo {

    display: inline-block;

    text-align: right;

    margin-top: 20px;



}



h3 {

    display: inline-block;

    color: #ffffff;

    font-size: 60px;

    text-transform: uppercase;

    font-weight: 800;

    font-family: 'San Francisco', Helvetica, Arial, san-serif;

}



h4 {

    display: block;

    color: #ffffff;

    font-size: 35px;

    font-weight: lighter;

    margin-top: -15px;

}



.text {

    margin-top: 35px;

    display: inline-block;

}



.heroimage {

    background-image: url(img/heropicture.png);

    background-repeat: no-repeat;

    background-size: contain;

    height: 650px;

    background-position: center;

    margin-bottom: 150px;

    margin-top: 50px;

}



.features {

    margin-top: auto;

    margin-bottom: auto;

    line-height: 50px;

}



.listTitle {

    font-size: 30px;

    font-weight: bolder;

    color: #ffffff;

}



.features ul:last-child {

    list-style: disc;

    color: #ffffff;

    font-size: 20px;

}



.features ul:first-child {

    list-style: none;

}



.appstorebtn img {

    width: 215px;

    margin-top: 40px;

}



.links {

    text-align: center;

    position: relative;

    bottom: 30px;

}



.links a {

    margin: 0px 60px 0px 60px;

    color: #ffffff;

    font-size: 20px;

}



.footer {

    text-align: center;

}



.blockfooter {

    margin: auto;

    bottom: 0;

    background-color: rgba(0, 0, 0, 0.2);

    height: 56px;

    max-width: 648px;

    border-radius: 100px 100px 0 0;

    text-align: center;

}



.blockfooter p {

    color: #ffffff;

    padding-top: 15px;

}



.privacyTerms {

    color: #ffffff;

    margin-top: 40px;

}



@media screen and (max-width: 990px) {

    .logo {

        text-align: center;

    }



    .text {

        text-align: center;

    }



    li {

        text-align: center;

    }



    ul {

        margin-top: 40px;

    }



    ul li {

        list-style: none;

        margin-left: -20px;

    }



    .heroimage {

        height: 320px;

        margin-bottom: 50px;

        text-align: center;

        background-position: 65% 50%;

    }



    .links a {

        font-size: 15px;

    }



    .links a {

        margin: 0px 10px 0px 10px;

    }

}