/*  Top row boxes */
.container {
display: flex;
justify-content: center; /* Space between boxes. */
align-items: center; /* Centers vertically. */
width: 25%;
margin: 25px;
margin-left: auto;
margin-right: auto;
position: relative;
top: 100px;
}

.box {
padding: 10px;
background-color: #333333;
opacity: 1;
border: 4px solid black;
}

.center {
margin: auto;
}

/* Bulletpoint alignment */
ul {
position: relative;
display: inline-block;
padding-left: 1em;
left: 50%;
transform: translateX(-50%);
}

/* Center box */
.scroll-box-container1 {
display: flex;
justify-content: center; /* Centers horizontally. */
align-items: center; /* Centers vertically. */
width: 50%;
margin: 50px auto; /* Center box if no flex. */
background-color: #333333;
position: relative;
top: 200px;
height: 300px;
overflow: auto; /* Scrollbar for overflow. */
border: 4px solid #000000;
padding: 10px; /* Space inside box. */
}

.content {
height: 100%; /* Content height within container. */
width: 100%; /* Content width within container. */
}

/* Gallery parameters */
.gallery {
display: flex;
flex-wrap: wrap;
justify-content: center;
}

div.gallery-item {
margin: 5px;
border: 2px solid #000000;
width: 180px;
}

div.gallery-item:hover {
border: 1px solid #777;
}

div.gallery-item img {
width: 100%;
height: auto;
}

.gallery-item .desc {
padding: 5px;
text-align: center;
}