.galleryOfWorks {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.div110 {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 120px;
    width: 100%;
    /*background: linear-gradient(357deg, #FF3E00 50%, #050505 100%);*/
    background: linear-gradient(360deg, #FF3E00 4%, #4D4D4D 100%);
}

.div110.reverse {
    /*background: linear-gradient(0deg, #4D4D4D 1%, #FF3E00 100%);*/
    background: linear-gradient(0deg, #28282C 22%, #FF3E00 100%);
}

h1 {
    font-size: 2.8rem;
    font-weight: normal;
    text-transform: uppercase;
    color: white;
    margin-bottom: 16px;
}

.gallery-wrap, .gallery-wrap-2 {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 26vh;
    box-sizing: border-box;
}

.gallery-wrap {
    border-bottom: 1px solid rgba(255, 62, 0, 0.4);
    border-top: 1px solid rgba(255, 62, 0, 0.4);
}

.gallery-wrap-2 {
    border-bottom: 1px solid rgba(255, 62, 0, 0.4);
}

.item {
    flex: 1;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: flex 0.8s ease;
    background-color: #4D4D4D;
    border-left: 1px solid rgba(255, 62, 0, 0.4);
    border-right: 1px solid rgba(255, 62, 0, 0.4);
}

.item {
&:hover {
    flex: 2;
    z-index: 100;
    height: 32vh;
    box-shadow: 0 0 10px #FF3E00;
    /*border-top: 4px solid rgba(248, 17, 2, 0.52);
    border-bottom: 4px solid rgba(248, 17, 2, 0.52);
    border-right: 4px solid rgba(255, 168, 10, 0.52);
    border-left: 4px solid rgba(255, 168, 10, 0.52);*/
    border: 4px solid #FF3E00;
 }
}


.item-1 {
    background-image: url(/assets/production/production-0.jpg);
}

.item-2 {
    background-image: url(/assets/production/production-1.jpg);
}

.item-3 {
    background-image: url(/assets/production/production-2.jpg);
}

.item-4 {
    background-image: url(/assets/production/production-3.jpg);
}

.item-5 {
    background-image: url(/assets/production/production-4.jpg);
}

.item-6 {
    background-image: url(/assets/production/production-5.jpg);
}

.item-7 {
    background-image: url(/assets/production/production-6.jpg);
}

.item-8 {
    background-image: url(/assets/production/production-7.jpg);
}

.item-9 {
    background-image: url(/assets/production/production-8.jpg);
}

.item-10 {
    background-image: url(/assets/production/production-9.jpg);
}

.item-11 {
    background-image: url(/assets/production/production-10.jpg);
}

.item-12 {
    background-image: url(/assets/production/production-11.jpg);
}

