.primary-header{
    margin-bottom: 0.5em;
}

.logo-container{
    display: flex;
    /*flex-direction: column;
    align-content: center;*/
    justify-content: center;
    margin: 1.5em;
}

.login-main {
    border-radius: 0.4em;
    margin: 1em 0.2em;
    padding: 0.5em;
}

.property-grid{
    display: grid;
    grid-template-columns: 60px 3fr  1fr 1fr 1fr 44px;
    column-gap: 0.5em;
    row-gap:  0.2em;
}

.property-none{
    background-color: rgb(250, 200, 187);
    grid-column-start: 1; 
    grid-column-end: 7; 
    
    text-align: center;
}

.property-thumbnail{
    /* background-color: aquamarine; */

}
.property-address{
    /* background-color: rgb(187, 250, 229); */

}
.property-occupancy{
    /* background-color: rgb(187, 250, 197); */

}
.property-compliance{
    /* background-color: rgb(187, 202, 250); */

}
.property-next-service{
    /* background-color: rgb(187, 250, 247); */

}
.property-commands{
    /* background-color: rgb(187, 240, 250); */

}




.request-none{
    background-color: rgb(250, 200, 187);
    grid-column-start: 1; 
    grid-column-end: 4; 
    
    text-align: center;
}
.request-reference{
    /* background-color: rgb(187, 250, 197); */
}
.request-summary{
    /* background-color: rgb(187, 202, 250); */
}
.request-commands{
    /* background-color: rgb(187, 202, 250); */

}




.order-grid{
    display: grid;
    grid-template-columns: 8em 1fr 3fr  44px;
    column-gap: 0.5em;
    row-gap:  0.2em;

}

.order-none{
    background-color: rgb(250, 200, 187);
    grid-column-start: 1; 
    grid-column-end: 5; 
    
    text-align: center;
}
.order-reference{
    background-color: rgb(187, 250, 197);
}
.order-scheduled{
    background-color: rgb(187, 216, 250);
}
.order-summary{
    background-color: rgb(187, 235, 250);
}
.order-commands{
    background-color: rgb(187, 250, 208);

}


/* tablet displays */
@media only screen and (min-width: 600px) {
    .login-main {
        border-radius: 0.4em;
        margin: 1em 0.4em;
        padding: 0.5em;
    }

}

/* For desktop: */
@media only screen and (min-width: 768px) {
    .login-main {
        border-radius: 0.4em;
        margin: 1em 4em;
        padding: 0.5em;


        width: fit-content;
    }
}