/* Extra small devices (phones, 600px and down) */

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

    section .card{
        max-width: 100% !important;
        min-width: 300px !important;
        height: 800px !important;
    }

    .planet-bg{
        background-image: url('../../assets/images/welcome-bg-mobile.png') !important;
        background-size: 100% 100% !important;
        background-repeat: no-repeat !important;
        height: 500px !important;
    }

    .welcome-bg{
        background-image: url('../../assets/images/welcome-bg-mobile.png') !important;
        background-size: 100% 100% !important;
        background-repeat: no-repeat !important;
        height: 500px !important;
    }

    .card-body img{
        width: 90%;
    }

    .top-section-header img{
        width: 70%;
        margin-top: 10px;
    }

    #eventBtn{
        width: 60%;
        font-size: 14px;
    }

    ul{
        font-size: 1rem !important;
    }

    .table{
        font-size: 0.8rem !important;
    }

    #google-but, #apple-but{
        padding-right: 0;
    }

    #apple-but{
        text-align: right !important;
    }

    #google-but a img, #apple-but a img{
        width: 90%;
    }

    .bordered{
        width: 100vw;
    }

    table{
        width: inherit !important;
    }

}