body {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}
.dock {
    padding-top: 0!important;
    padding-bottom: 0!important;
}
.container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
.box {
    border: 3px solid #f5f5f5;
    border-radius: 25px;
    padding-top: 45px;
    padding-bottom: 35px;
    padding-right: 45px;
    padding-left: 45px;
}
#login-title {
    text-align: center;
}
.btn-login {
    width: 100%;
    height: auto;
}
#copy {
    text-align: center;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
#rosa {
    width: 20%;
    height: auto;
    position: absolute;
    top: 100px;
    left: 260px;
}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 992px) {
#logo {
    display: none;
}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
#logo {
    width: 75%;
    height: auto;
}
}

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