#page_container
{
    width : 100%;
    min-height : 100vh;
    height : 100%;

    margin : 0px;
    padding : 0px;

    display : flex;
    align-items: flex-start;
    justify-content: center;
}

#page_main
{
    width : 100%;
    height : 100%;

    margin : 0px;
    padding : 0px;

    display : flex;
    align-items : flex-start;
    justify-content: flex-start;
}

#left_panel
{
    width : 300px;
    height : 100%;

    margin : 0px;
    padding : 0px;

    padding-left : 20px;
    padding-right : 20px;

    display : flex;
    flex-direction: column;
    align-items : center;
    justify-content : flex-start;
}

#left_panel h1
{
    width : 100%;

    margin : 0px;
    padding : 0px;

    margin-top : 20px;

    margin-bottom : 20px;

    font-size : 1em;
    color : #536171;
}

#left_panel p
{
    width : 100%;

    margin : 0px;
    padding : 0px;

    color: #536171;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.7;
}

#right_panel
{
    width : calc(100% - 340px);
    height : 100%;

    margin : 0px;
    padding : 0px;

    display : flex;
    align-items : flex-start;
    justify-content : center;
    flex-wrap: wrap;
}

#fullpage
{
    width : 100%;
    height : 100%;

    margin : 0px;
    padding : 0px;

    display : flex;
    align-items: center;
    justify-content: center;
}