/* 
    Created on : 30 mars 2016, 16:41:28
    Author     : Kalgonium
*/
#subMenu{
    text-transform:uppercase;
    /*font-family: myFrutiger;*/
    color:white;
    background-color: var(--main-text-color);
    text-align:center;
    display:inline-block;
    transition:0.2s;
    /*opacity:0.99;*/
}

#subMenu ul{
    padding: 0 20px 0 0;
    margin: 0;
}

#subMenu li{
    list-style:none;
    padding-left: 20px;
    padding-top:1vh;
    padding-bottom:1vh;
    margin: 0 0 0 0;
    /*background-color:#384653;*/
    white-space:pre-line;
    transition: background-color 0.2s;
}

#subMenu li:hover{
    background-color:#2e3a45;
    cursor:pointer;
}

#subMenu a{
    text-decoration: none;
    color:white;
   /* position:relative;
    z-index:8;*/
}

#subMenu a:visited{
    text-decoration: none;
    color:white;
}

#subMenu a:hover{
    text-decoration: none;
    color:white;
}

h2{
    /*font-family: myFrutiger;*/
    margin-left:3vw;
    margin-top:2vw;
    color:#384653;
}


@media all and (max-width: 600px) and (min-width: 100px) {
    .visibleOnLarge{
        display:none;
    }
    #subMenu{
        width:100%;
    }
    #subMenu ul{
        text-align:center;
    }
    #subMenu li:not(.visibleOnLarge){
        display:inline-block;
        padding-right: 20px;
    }
}

@media all and (max-width: 999px) and (min-width: 601px) {
    .visibleOnSmall{
        display:none;
    }
    #subMenu{
        width:100%;
    }
    #subMenu ul{
        text-align:center;
    }
    #subMenu li:not(.visibleOnSmall){
        display:inline-block;
        padding-right: 20px;
    }
}

@media all and (min-width: 1000px) {
    .visibleOnSmall{
        display:none;
    }
    #subMenu{
        width:20%;
        height:100%;
        float:left;
        padding-top:3em;
    }
    #subMenu ul{
        text-align:left;
    }
    #subMenu li{
        width:100%;
    }
}