@media screen {
    @media (min-width: 1700px) {
        .container {
            width: 1670px;
        }
    }
}

/* Small only */
@media screen and (max-width: 640px) {
#menu .see-all {color: #fff;}

.personalisation {
	font-size: 12px;
	color: grey;
	margin-top: 5px;
}

}

/* Medium and up */
@media screen and (min-width: 640px) {
#menu .see-all {color:#be45a4;}	
#menu {display: none;}
}


#menu {
	background-color: #be45a4;
	background-image: linear-gradient(to bottom, #be45a4, #be45a4);
	background-repeat: repeat-x;
	border-color: #be45a4 #be45a4 #be45a4;
	min-height: 40px;
}

h1,h2,h3,h4,h5,h6 {color:#be45a4;}

.caption a {color:#be45a4;}

.caption a:hover {color:#581e4b;}

.breadcrumb a {color:#be45a4;}

.breadcrumb a:hover {color:#581e4b;}

.list-group a {color:#be45a4;}

.list-group a:hover {color:#581e4b;}

.list-group a.active {color:#be45a4;}



.dropdown-menu li > a:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #be45a4;
    background-image: linear-gradient(to bottom, #be45a4, #be45a4);
    background-repeat: repeat-x;
}

#menu .see-all:hover, #menu .see-all:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: #be45a4;
    background-image: linear-gradient(to bottom, #be45a4, #be45a4);
    background-repeat: repeat-x;
}

#menu .btn-navbar {
    font-size: 15px;
    font-stretch: expanded;
    color: #FFF;
    padding: 2px 18px;
    float: right;
    background-color: #581e4b;
    background-image: linear-gradient(to bottom, #581e4b, #581e4b);
    background-repeat: repeat-x;
    border-color: #581e4b #581e4b #581e4b;
}

.btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #be45a4;
    background-image: linear-gradient(to bottom, #be45a4, #be45a4);
    background-repeat: repeat-x;
    border-color: #be45a4 #be45a4 #be45a4;
}

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    background-color: #8d337a;
    background-position: 0 -42px;
}

.list-group a {
    border: 1px solid #ffffff;
    color: #888888;
    padding: 8px 12px;
}


body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
}

#logo {
    margin: -20px 0 10px 0;
}

@media screen {
    .list-group-item {
        position: relative;
        display: block;
        padding: 10px 15px;
        margin-bottom: -1px;
        background-color: #fff;
        border: 0px solid #ddd;
    }
}

@media screen {
    a.list-group-item, button.list-group-item {
        color: #888888;
    }
}

@media screen {
    a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
        color: #581e4b;
        text-decoration: none;
        background-color: #eeeeee;
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

.list-group a.active, .list-group a.active:hover, .list-group a:hover {
    color: #444444;
    background: #eeeeee;
    border: 1px solid #ffffff;
    text-shadow: 0 1px 0 #FFF;
}

.homefix {
	padding-top: 8px;
	padding-bottom: 8px;
}

.vibrance {
	font-size: 10px;
	color: grey;
}

.vibrance a {
	color: grey;
}

.vibrance a:hover {
	color: white;
}

.personalisation {
	font-size: 12px;
	color: grey;
	margin-top: 5px;
}

@media screen {
    .alert-success {
        color: #3c763d;
        background-color: #ffdefa;
        border-color: #ffdefa;
    }
}