*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    background-color: #000;
    justify-content: center;
    align-items: center;
    max-height: 100vh;
    overflow: hidden;
}
}
.wrapper{
    width: 100%;
    height: auto;
}
.wrapper .container{
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.wrapper .container .row{
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.wrapper .container .row .logo{
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.wrapper .container .row .mobile{
    display: none;
}
/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1280px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
  
}

/* Landscape phones and portrait tablets */
@media (max-width: 768px) {
    .wrapper .container .row .logo{
        display: none;
    }
    .wrapper .container .row .mobile{
        display: inline;
        width: 100%;
        height: auto;
    }
}

/* Landscape phones and smaller */
@media (max-width: 480px) {
    .wrapper .container .row .logo{
        display: none;
    }
    .wrapper .container .row .mobile{
        display: inline;
        width: 100%;
        height: auto;
    }
}