/* plassering av boksene*/
#bildebokser {
    margin-top: 50px;
}

#indreBildebokser {
    width: 300px;
    margin-left:auto;
    margin-right:auto; 
}

@media all and (min-width: 400px) {
#indreBildebokser {
    width:400px;
}
}

@media all and (min-width: 550px) {
#indreBildebokser {
    width:550px;
}

}@media all and (min-width: 700px) {
#indreBildebokser {
    width:700px;
}
}



/* boks for bildene */
div.thumb { 
    float: left;
    width:35%;
    max-width: 250px;
    background: rgba(20, 20, 20, 0.0);
    margin: 0 4.5% 5% 4.5%;
}

@media all and (min-width: 400px) {        
div.thumb { 
    float: left;
    width:25%;
    max-width: 250px;
    background: rgba(20, 20, 20, 0.0);
    margin: 0 4% 5% 4%;
}
}       

@media all and (min-width: 550px) {        
    div.thumb { 
        float: left;
        width:20%;
        max-width: 250px;
        background: rgba(20, 20, 20, 0.0);
        margin: 0 2.5% 5% 2.5%;
    }
}       

@media all and (min-width: 700px) {        
    div.thumb { 
        float: left;
        width:15%;
        max-width: 250px;
        background: rgba(20, 20, 20, 0.0);
        margin: 0 2.5% 5% 2.5%;
    }
}       


div.thumb p{
    color: #b2713b;
    border-left: 1px #b2713b solid;
    padding: 0 0 0 6px;
    font-family: 'Alegreya SC', serif;
    line-height: 1em;

}

div.thumb img {
    height: 90px;
}

div.thumb div { /*settter h¿yden pŒ boksen for btxt*/
height: 2.5em;
}
div.bildebokser {
    max-width:800px; 
    margin-left: auto;
    margin-right: auto;
    position: relative;
}