/* Reset */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html,
body{
    width:100%;
    height:100%;
}

body{
    display:flex;
    justify-content:center;
    align-items:center;

    background:#ffffff;

    overflow:hidden;
}

/* Logo */

.logo{

    /* Desktop size */
    width:30vw;

    /* Never too small */
    min-width:220px;

    /* Never too large */
    max-width:520px;

    height:auto;

    display:block;

    user-select:none;
    -webkit-user-drag:none;
}

/* Tablet */

@media (max-width:900px){

    .logo{
        width:45vw;
    }

}

/* Mobile */

@media (max-width:600px){

    .logo{
        width:70vw;
        min-width:180px;
    }

}