@charset "UTF-8";
/* CSS Document */
* {
    box-sizing: border-box; /**For flexbox**/
}
.background {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-content: center;
    width:100vw;
    font-size:1.5vh;
}
#page-wrapper{
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: center;
    margin: 3% auto;
    width:90rem;
}
/*@media only screen and (min-width:1400px) and (orientation:landscape)
{#page-wrapper{width: 80vw;}}*/

@media only screen and (max-width:1400px) and (orientation:landscape)
    {#page-wrapper{width: 96vw;}}
@media only screen and (orientation:portrait)
    {#page-wrapper{width: 96vw;}}


#head-title-box {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    width: 100%;
    height: 10em;
    margin-bottom: 1%;
    font-size:1.2vw;
}
.head-icon {
    flex: 0 0 10em;
    background: #e0e0e0 url("../Assets/exam-ribbon.png") no-repeat center;
    background-size: cover;
    width: 10em;
    height: 100%;
}
#head-title {
    flex: 1.5 0.5 11em;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e0e0e0;
    font-size: 4em;
    margin: 0 1%;
}
#middle-box {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: center;
	visibility: visible;
    margin-bottom: 5%;
    /*width:100%;*/
}
#bottom-box {
    width: 100%;
    height: auto;
}