

body {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    background: url('/formulaquiz.com/public/images/school_items.png') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


.brand,
.brand-address {
    display: none;
}

.navbar-brand {
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 2px;
}

.navbar-nav {
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 3px;
}


@media screen and (min-width:768px) {
    .brand {
        display: inherit;
        margin: 0;
        padding: 30px 0 10px;
        text-align: center;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
        font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
        /** font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif; **/
        font-size: 5em;
        font-weight: 700;
        line-height: normal;
        color: #FFF;
    }

    .brand-address {
        display: inherit;
        margin: 0;
        padding: 0 0 40px;
        text-align: center;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
        text-transform: uppercase;
        font-size: 1.25em;
        font-weight: 400;
        letter-spacing: 3px;
        color: #fff;
    }

    .navbar {
        border-radius: 0;
    }

    .navbar-header {
        display: none;
    }

    .navbar {
        min-height: 0;
    }

    .navbar-default {
        border: none;
        background: #FFF;
        background: rgba(255,255,255,0);  // 0.9
        height: 2px;
    }

    .nav>li>a {
        padding: 25px;
    }

    .navbar-nav>li>a {
        font-weight: 700;
        line-height: normal;
        color: #FF6766 !important; /** defaults black  **/
        /** border: 1px solid #FFF; **/
    }

    .navbar-nav {
        display: table;
        float: none;
        margin: 0 auto;
        table-layout: fixed;
        font-size: 1.25em;
    }

/* EFFECTS
***************/

.glow {
  text-shadow: 0 0 0 rgba(255, 255, 255, 0.1);
    -webkit-transition: text-shadow 1s linear;
       -moz-transition: text-shadow 1s linear;
         -o-transition: text-shadow 1s linear;
            transition: text-shadow 1s linear;
}

.glow.in {
  text-shadow:
    0.025em 0.025em 0.025em rgba(255, 255, 255, 0.8),
    0 0 0.5em rgba(255, 255, 255, 0.3);
}

.fade {
  opacity: 0.5;
    -webkit-transition: opacity 1s linear;
       -moz-transition: opacity 1s linear;
         -o-transition: opacity 1s linear;
            transition: opacity 1s linear;
}

.fade.in {
  opacity: 1;
}
.tlt {
    color: #C8C8C8;
    text-shadow:
        0.025em 0.025em 0.025em rgba(255, 255, 255, 0.8),
        0 0 0.5em rgba(255, 255, 255, 0.3);
}

}

