/* hide navigation for small screen */
#smallNav {
    display: none !important;
}

#question{
    color: white;
}

#accordion {
    margin-top: 7rem!important;
}

.card {
    margin-bottom: 2rem;
}

.card, .card a {
    background-color: #6d6d6b;
    color: white;
    text-decoration: none;
}

.card-block {
    background-color: #af1415;
}

.panel-heading [data-toggle="collapse"]:after {
    font-family: 'Glyphicons Halflings';
    content: "e072"; /* "play" icon */
    float: right;
    color: #F58723;
    font-size: 18px;
    line-height: 22px;
    /* rotate "play" icon from > (right arrow) to down arrow */
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.panel-heading [data-toggle="collapse"].collapsed:after {
    /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #454444;
}

.card-header {
    border: none;
}

#questiondescription {
    height: 100px;
    display: flex;
    align-items: center;
}

/* Responsive design on mobil */
@media all and (max-width: 620px) { 
    /* hide navigation for big screen */
    #navbarBig {
        display: none;
    }

    /* display navigation for small screen */
    #smallNav, #navbarSmall {
        display: block !important;
    }

    #navAccueilCol, #navcol {
        display: none !important;
    }
}

/* Responsive design on tablet (medium screen) */
@media all and (max-width: 1021px) and (min-width: 620px) { 
	#navAccueilCol {
        align-items: center;
    }
}