// Extra small devices (portrait phones, less than 576px)
@media (max-width: 575px) {
.copyright {
    font-size: 10px;
  }
}

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) and (max-width: 767px) {
.copyright {
    font-size: 10px;
  }
}

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) and (max-width: 991px) {

}

// Large devices (desktops, 992px and up)
@media (min-width: 992px) and (max-width: 1199px) {

}

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {

}

:root {
    --login__header-height: 59px;
}

#login__header {
    height: var(--login__header-height);
}

#login__container {
    width: 500px;
    height: calc(100% - var(--login__header-height));
    padding-top: 100px;
}
.login__item {
    margin-bottom: 1rem;
}
.login__item:last-child {
    margin-bottom: 0;
}

body {
    background: url("../../resources/images/login-bg.svg") no-repeat center center fixed;
    background-size: cover;
}