.galleri-wrapper{
    position: relative; 
    height: 750px; 
    width: 100%; 
    top: 100px;
}

.wrapper{
    background-image: url(../images/galleriHeader2.jpg);
}

.galleri-paragraph-wrapper p{
    position: relative;
    max-width: 700px;
    margin: 40px auto;
    font-size: 20px;
    color: grey;
    text-align: center;
}

.first-hr{
    margin-top: 150px;
    opacity: 0.4;
}

.second-hr{
    opacity: 0.4;
}

h1{
    font-size: 82px;
    font-family: skytree;
    text-align: center;
    letter-spacing: 0.25em;
    color: #f5f5f5;
}

@media only screen and (max-width: 750px){
    
    h1{
        font-size: 56px;
    }
}

.box{
    margin-top: 50px;
    height: 500px;
    //background-color: gray;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch; 
    scroll-snap-type: x mandatory;
}

.box::-webkit-scrollbar{
    width: 20px;
}

.box::-webkit-scrollbar-thumb{
    background: linear-gradient(225deg, #ff8642, #f84e6d 85%, #f84e6d);
    border-radius: 6px;
}

.box::-moz-scrollbar{
    width: 20px;
}

.box::-moz-scrollbar-thumb{
    background: linear-gradient(225deg, #ff8642, #f84e6d 85%, #f84e6d);
    border-radius: 6px;
}

.image{
    margin-right:10px;
    height: 95%;
    width: 340px;
    //padding: 20px;
    margin: 5px;
    transition: all ease-in-out 300ms;
}

.galleri-item{
    object-fit: cover;
    display: inline-block;
    background-position-y: center;
}

.card-ab{
    object-fit: cover;
    display: inline-block;
    background-position-y: center;
}

.card-a{
    background-image: url(../images/portraits/small/galleri/Jakob/DSCF5956.jpg);
    background-size: cover;
    display: inline-block;
    background-position-y: center;
}

.card-b{
    background-image: url(../images/portraits/small/galleri/Jonathan/DSCF5502.jpg);
    background-size: cover;
    display: inline-block;
}
.card-c{
    background-image: url(../images/portraits/small/galleri/Jordan/DSCF5656.jpg);
    background-size: cover;
    display: inline-block;
}
.card-d{
    background-image: url(../images/portraits/small/DSC_8441.jpg);
    background-size: cover;
    background-position-x: center;
    display: inline-block; 
}

.card-e{
    background-image: url(../images/portraits/small/DSCF9202.jpg);
    background-size: cover;
    display: inline-block;
}

.card-f{
    background-image: url(../images/portraits/small/galleri/Jalib/DSCF5473.jpg);
    background-size: cover;
    display: inline-block;
}

.card-g{
    background-image: url(../images/portraits/small/galleri/Jabril/DSCF5582.jpg);
    background-size: cover;
    display: inline-block;
}

.card-h{
    background-image: url(../images/portraits/small/galleri/Andreas/DSCF7944.jpg);
    background-size: cover;
    display: inline-block;
}

.card-i{
    background-image: url(../images/portraits/small/galleri/RobinS/DSCF2011.jpg);
    background-size: cover;
    display: inline-block;
}

.card-j{
    background-image: url(../images/portraits/small/galleri/Stuart/DSCF1665.jpg);
    background-size: cover;
    display: inline-block;
}

.card-k{
    background-image: url(../images/portraits/small/galleri/Victor/DSCF1248.jpg);
    background-size: cover;
    display: inline-block;
}

.card-l{
    background-image: url(../images/portraits/small/galleri/DavidOlsson/DSCF9987.jpg);
    background-size: cover;
    display: inline-block;
}

.card-m{
    background-image: url(../images/portraits/small/galleri/Fredrik/DSC_0877.jpg);
    background-size: cover;
    display: inline-block;
}

.card-n{
    background-image: url(../images/portraits/small/galleri/Magnus/DSC_2512.jpg);
    background-size: cover;
    display: inline-block;
}

.card-o{
    background-image: url(../images/portraits/small/galleri/Philip/DSCF9187.jpg);
    background-size: cover;
    display: inline-block;
}


.bottomDiv{
    height: 200px;
    width: 100%;
    background: pink;
}