#controls {margin-bottom: 10px;}

#controls button {
border: 1px solid #cad5db;
/*text-transform: uppercase;*/
/*padding: 10px;*/
padding: 9px;
background-color: #f0f0f0;
}
#controls button:last-child {
padding-right: 12px;
padding-left: 11px;
}
#controls button.active {
background-color: #666;
color: #fff;
}

/*#wrapper .container-right {
background-color: #eff2f4;
width: 217px;
margin-left: 18px;
padding-bottom: 10px;
} */

#exhibits, #activity, #courses {
/* text-transform: uppercase; */
}
.exhibit-div {
width: 249px;
height: 150px;
/* background: transparent; */
margin-bottom: 3px;
position: relative;
background-position: left bottom;
background-repeat: no-repeat;
background-size: 100% auto;
/*margin-right: 10px;*/
}
/*
.exhibit-div:nth-child(3n+3) {
margin-right: 0px;
}
*/
#content .exhibit-div .exhibit-title {
position: absolute;
bottom: 0;
width: 100%;
padding: 5px 0 7px 10px;
height: 47px;
}

#content .exhibit-div .exhibit-title.light-grey {
background: rgba(255, 255, 255, 0.93) none repeat scroll 0 0;    
}

#content .exhibit-div .exhibit-title.dark-grey {
background: rgba(181, 181, 181, 0.83) none repeat scroll 0 0;   
}

#content .exhibit-div h2 {
/*display: flex;*/
/*color: #606060;*/
margin: 0;
font-size: 13px;
font-weight: bold;
letter-spacing: 1px;
}

#content .exhibit-div .light-grey h2 {
    color: #606060;
}
#content .exhibit-div .dark-grey h2 {
    color: #fff;
}

#content .exhibit-div p {
font-size: 10px;
margin: 0;
padding: 0;
color: #606060;
}

/*** Start @media ***/
@media only screen and (max-width: 870px) {
    
    .exhibit-div {
        /*width: 100%;
        height: 150px;
        margin-bottom: 3px;
        position: relative;
        background-position: left bottom;
        background-repeat: no-repeat;
        background-size: 100% auto;*/
        }
    }
/*** Slut @media MAA IKKE SLETTES ***/