#mainMenuUl {

    display: inline-block;

    font-size: 1.2rem;

}



#mainMenuUl li {

    display: inline-block;

    list-style: none;

}



.menuRightPadding {

    padding-right: 3rem;

}



#toggle, #toggle + label {

    display: none;

}



#mainMenuUl li a {

    font-size: 1.8rem;

}



#mainMenuUl li a:link, #mainMenuUl li a:visited {

    color: #fff;

    text-decoration: none;

}



#mainMenuUl li a:hover, #mainMenuUl li a:active {

    color: #2cbec2;

    text-decoration: none;

}



@media (max-width: 630px){



    #mainMenuUl {

        display: block;

        font-size: 1.2rem;

        margin: 0;

    }



    a.home_noRollover, a.home_rollover  {

        margin: 0 auto;

    }







    #mainMenuUl li {

        display: block;

        margin: 0 0 3rem 0;

        list-style: none;

    }



    .menuRightPadding {

        padding-right: 0;

    }



/*--- Toggle styles ---*/



    #toggle, #toggle + label {

        display: inherit;

    }



    #toggle {

        width: 3.5rem;

        height: 4rem;

        opacity: 0;

        border: none;

        position: absolute;

        top: 10rem;

        right: 1.5rem;

        z-index: 1000;

        float: right;

        padding: 9px 10px;

        background-color: transparent;

        background-image: none;

        border: 1px solid transparent;

        border-radius: 4px;

        cursor: pointer;

    }



    .menu-mobile {

        padding-top: 3rem;

        text-align: center;

        background: #3f3f42;

        color: #FFF;

        width: 100%;

        height: 0px;

        overflow: hidden;

    }



    #toggle:checked ~ .menu-mobile {

        height: 300px;

    }



    #toggle + label {

        position: absolute;

        top: 10rem;

        right: 1.5rem;

        border: none;

        color: #ffffff;

        background-color: transparent;

        background-image: none;

        border: 1px solid transparent;

        border-radius: 4px;

    }



    #toggle + label:after {

        content:'\2630';

        font-size: 3rem;

    }



    #toggle:hover + label{

        color: #2cbec2;

    }



    #toggle:checked ~ .message {

        height: 150px;

    }



    #toggle:checked + label:after {

        content: '\2573';

        font-size: 2rem;

    }

}



@media (max-width: 450px){

    #toggle {

        top: 15rem;

    }



    #toggle + label {

        top: 15rem;

    }

}