html, body {
    width: auto!important;
    overflow-x: hidden!important;
}

#logo{
    text-align: center;
    color:white;
    position:relative;
    margin:3% auto 0 auto;
}

#logo img{
    width:250px;
}

#slogan{
    position:relative;
    padding:0 20px;
    z-index: 100;
}



#slogan .sloganTxt {
    width:100%;
    font-family: 'Oswald', sans-serif;

    text-align: center;
    padding:15px 0;
    margin-top:3%;
}

.sloganTxt1{
    font-size:80px;
}

.sloganTxt2{
    font-size:100px;
}

.sloganTxt3{
    font-size:80px;
    text-align: center;
}

#start{
    position:relative;
    text-align: center;
    margin:20px auto 50px auto;
    z-index: 100;
}

#start a{
    display: inline-block;
    width:150px;
    height:100%;
    line-height: 100%;
    padding:20px;
    font-size:20px;
    background-color: #0dcaf0;
    border:0;
    border-radius: 5px;
    color:#ffffff;
    text-decoration: none;
    font-family: 'Oswald', sans-serif;
    z-index: 100;
}

#start a:visited{
    color:#ffffff;
}


.clickable:hover{
    cursor:pointer;
}

#apps{
    margin-top:50px;
    display:flex;
    justify-content: center;
}

#apps img{
    width:60px;
}

#googleplay{
    margin-left:50px;
}



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

    #logo img{
        width:180px;
        margin-top:6%;
    }


    #slogan{
        margin-top:10%;
    }

    .sloganTxt1{
        font-size:40px;
    }

    .sloganTxt2{
        font-size:40px;
    }

    .sloganTxt3{
        font-size:32px;
    }

    #start{
        margin-top:5%;
    }


}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 992px) {
    #logo img{
        width:200px;
        margin-top:10%;
    }


    #slogan{
        margin-top:10%;
    }

    .sloganTxt1{
        font-size:50px;
    }

    .sloganTxt2{
        font-size:50px;
    }

    .sloganTxt3{
        font-size:50px;
    }

    #start{
        margin-top:10%;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (max-width: 992px) {

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (max-width: 1200px) {

}