*
{
    box-sizing: border-box;
}

body
{
    background-image: url(https://i.imgur.com/XtICzis.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    color: white;
}

#header
{
    background-color: #274667;
    padding: 5px;
    margin-bottom: 50px;
    border-radius: 10px;
}

#classTable
{
    margin: auto;
    width: 50%;
    left: 20%;
    background-color: #274667;
    text-align: center;
    color: #ffffff;
    padding: 2%;
    border: none;
    border-radius: 10px;
}

/*********Classes For Heading Section*************/
.divRow
{
    display: flex;
    flex-direction: row;
}

.divColumn
{
    display: flex;
    flex-direction: column;
}

.headSection
{
    background-color: #1c2850;
    font-size: 25px;
    padding: 15px;
    margin: 5px;
}

.contentOdd
{
    background-color: #4282a7;
    font-size: 15px;
    padding: 15px;
    margin: 5px;
}

.contentEven
{
    background-color: #376392;
    font-size: 15px;
    padding: 15px;
    margin: 5px;
}

/************************************************/
/***************List Div Specific***************/

#studentList
{
    margin: auto;
    float: left;
    background-color: #274667;
    text-align: center;
    color: #ffffff;
    padding: 2%;
    border: none;
    border-radius: 10px;
    font-family: Georgia, 'Times New Roman', Times, serif;
}

/************************************************/
/*********************Links*********************/
/*Unvisted Links*/
a:link
{
    color: #54dd4f;
}

/*Visted Links*/
a:visited
{
    color: #3dbe59;
}

/*Mouse Hover*/
a:hover
{
    color: #2fa56a;
}

/*Selected Link*/
a:active
{
    color: #24916c;
}

/************************************************/
/********************Mobile*********************/

@media screen and (max-width: 800px)
{
    #header
    {
        font-size: 4vw;
    }

    .contentOdd
    {
        font-size: 4vw;
    }

    .contentEven {
        font-size: 4vw;
    }

    #studentList
    {
        width: 100%;
        margin-bottom: 50px;
    }

    #classTable
    {
        width: 100%;
    }

    #colDays
    {
        display: none;
    }

    #colAssign
    {
        display: none;
    }

    #content
    {
        display: flex;
        flex-direction: column;
    }

}