body,html{
        padding: 0;
        margin: 0;
        background-color: #FFF;
        color: #000;
        font-family: sans-serif,serif;
}

.main-banner{
        background-image: url(/assets/images/bg.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        width: 100%;
        height: 100vh;
        position: relative;
        
}
.brand-info{
        position: absolute;
        top: 50px;
        left: 50px;
        
}
.brand-name{
        font-size: 80pt;
        color: #FFF;
        letter-spacing: 3px;
        margin: 0px;
}
.brand-info .info{
        margin: 0px;
        margin-top: 25px;
        color: #FFF;
}
.google-playstore{
        margin-bottom: 10px;
}
.google-playstore img{
        max-height: 80px;
}

.privacy{
        width: 100%;
        height: 100vh;
        position: relative;
        background-color: #FFD736;
}

.privacy .title{
        margin: 0px;
        padding: 18px 0px;
        text-align: center;
}
.privacy .content 
{
        width: 600px;
        margin: 0 auto;
}
.privacy .content li{
        margin: 18px 0px;
}
.footer{
        position: absolute;
        bottom: 0px;
        left: 0;
        right: 0;
        padding: 12px;
        text-align: center;
        font-size: 14px;
        border-top: 1px solid #DDD;
}
.contact{
        width: 60%;
        height: 50vh;
        position: relative;
        box-shadow: 0px 0px 3px rgb(172, 172, 172);
        left: 20%;
        margin-top: -25vh;
        background-color: #FFF;
}
.contact-line{
        margin: 0px;
        position: absolute;
        top: 30%;
        width: 100%;
        text-align: center;
}
.contact .email{
        letter-spacing: 4px;
        margin: 0px;
        padding: 12px 0px;
        position: absolute;
        top: 35%;
        width: 100%;
        text-align: center;
}
@media (max-width:641px){
        .privacy,.contact{
                word-wrap: break-word;
        }
        .privacy .content{
                width: auto;
        }
        .contact{
                width: 80%;
                left: 10%;
        }
        .brand-info{
                position: relative;
                left: auto;
                top: auto;
                text-align: center;
                height: 100%;
        }
        .google-playstore{
                position: absolute;
                bottom: 2em;
                display: block;
                width: 100%;
                left: 0;
        }
}