@import
    "utils/variables"; 

@import
    "components/alert";

@import
    "layouts/_header"; 

table {
    width:           100%;
    background:      transparent;
    border-collapse: collapse;
    border-spacing:  0;
    text-align:      left;

    th {
        padding:       5px 10px;
        font-weight:   bold;
        border-bottom: 2px solid #909ba2;
    }
    td {
        padding: 5px 10px;
    }
    tr {
        &:nth-child(2n) {
            background: #f7f8f8;
        }
    }
}

/* Mobile */

@include breakpoint('<=mobile') {
    

    /* Banner */

        #banner {
            height: 10em;
            
        }

}

/* Mobile (Portrait) */

@include breakpoint('<=mobilep') {
        
    /* Banner */

        #banner {
            height: 10em;

            header { 
                display: none;
            }
        }



}