:root {
    --r-font-color : #000000;
    --r-font-size : 16px; 
    --r-line-height : 1.5;
    --r-el-border-bottom: solid 1px #dddddd;
    --r-el-padding: 1rem;
    --r-smaller-font : 0.8em;
    --r-container-padding : 1em;
    --r-hori-gap : 2em;
    --r-heading-font-weight : 700;
    --r-heading-font-size : 1.2em;
}

html, body {
    font-family: 'Roboto Condensed', '微軟正黑體', 'Microsoft JhengHei', 'Segoe UI Semibold', 'Segoe UI', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #222f5b;
    line-height: 24px;
}

a {
    text-decoration : none;
    color: #222f5b;
}

header
{
    position : relative;
    margin-top : 5px;
}

.variableContent {
    padding: 1em 0;
}

img#schoolBuilding
{
    height : 142px;
    width : auto;
}

img#running
{
    height : 142px;
    width : auto;
}

@media (max-width:1350px)
{
    img#running, img#schoolBuilding
    {
        display:none;
    }
}

span#schoolNameChinese
{
    font-size : 40px;
    font-weight : 900;
    line-height : 50px;
}

span#schoolNameEnglish
{
    font-size : 40px;
    font-weight : 900;
    line-height : 50px;
}

@media (max-width:900px)
{
    span#schoolNameChinese, span#schoolNameEnglish
    {
        font-size : 30px;
        font-weight : 800;
        line-height : 40px;
    }
}

@media (max-width:700px)
{
    span#schoolNameChinese, span#schoolNameEnglish
    {
        font-size : 20px;
        font-weight : 700;
        line-height : 30px;
    }
    img#schoolLogo
    {
        height : 100px;
        width : auto;
    }
}


div#headingText
{
    display : inline-block;
    margin-left : 10px;
    margin-right : 10px;
}

.bestCrest
{
    font-size : 10px;
    line-height : 14px;
}

.subMenuContainer
{
    position : absolute;
    right : 2rem;

top : 100px;
    display : block;
}

.blockTitle
{
    line-height : 2rem;
}

#logoAndName
{
    max-width : 95%;
    height : auto;
}

@media (max-width:866px){
    .subMenuContainer
    {
        right : 1rem;
        top : 10px;
    }
}

@media (max-width:670px){
    /*.subMenuContainer
    {
        display : none;
    }*/
}