@media print {
    .navbar-merisant {
        display: none;
    }

    #footer {
        display: none;
    }
}

@media screen {

    .crossroad {
        padding-top: 50px;
    }

    .crossroad a {
        text-align: center;
    }
    .crossroad a div {
        height: 200px;
        padding-top: 50px;
        border: 2px solid #e2001a;
    }

    .crossroad a h1 {
    }


    .fa {
        font: normal normal normal 14px/1 FontAwesome;

    }

    .navbar-default {
        background: url(../images/header.gif) 50% 0 #e2001a no-repeat;
        /*background-color: #e2001a;*/
        border-color: #e7e7e7;
    }

    .navbar-default .navbar-nav > li > a {
        color: white;
    }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        color: black;
    }

    .navbar-default .navbar-brand {
        color: white;
    }

    .input-icon > i {
        color: #ccc;
        display: block;
        position: absolute;
        margin: 11px 2px 4px 10px;
        z-index: 3;
        width: 16px;
        height: 16px;
        font-size: 16px;
        text-align: center;
    }

    .input-icon > .form-control {
        padding-left: 33px;
    }

    a:hover {
        text-decoration: underline;
    }


    #content {
        min-height: 100px;
        padding: 60px 0px 115px 0px;
    }

    .container-fluid {
        padding-left: 5%;
        padding-right: 5%;
    }

    #footer {
        width: 100%;
        background-color: #e2001a;
        height: 95px;
        position: fixed;
        bottom: 0px;
        left: 0px;
        z-index: 999;
    }

    #footer #footercontent {
        position: relative;
        margin: 0 auto;
        top: 0px;
        left: 0px;
        width: 960px;
        height: 40px;
    }

    #footer #logos {
        width: 100%;
        height: 55px;
        margin: 0 auto;
        background-color: white;
    }

    #footer #logos #logoscontent {
        text-align: center;
    }

    #footer #logos #logoscontent img {
        padding: 0px 40px;
    }

    #footer #footercontent #user {
        position: relative;
        float: left;
        top: 10px;
        left: 0px;
        height: 40px;
        color: white;
    }

    #footer #footercontent a {
        color: white;
    }

    #footer #footercontent ul {
        display: inline;
        padding: 0px;
        margin: 0px;
        list-style-type: none;
        clear: both;
    }

    #footer #footercontent li {
        margin: 10px 10px 0px 6px;
        float: left;
    }

}