/* MAIN CSS FOR OPTOCARE */

/* Signin page */
html {
    height: 100%;
    box-sizing: border-box;
}

#optocarelong {
    width: 350px;
}

#optocare-body {
    background: linear-gradient(to right, #0000FF, #ADD8E6);
    position: relative;
    margin: 0;
    padding-bottom: 3rem;
    min-height: 100%;
}

.optocare-footer {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

/* BREAKPOINTS */
/* Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) {  
    #optocarelong {
        width: 250px;
    }
    .optocare-footer {
        bottom: 30px;
    }
}