/**
 * Showcase
 */
.showcase {
    clear : both;
}

.showcase .showcase__title {
    margin-bottom : 1rem;
    text-align : center;
}

.showcase .showcase__list {
    display : grid;
    max-width : 100%;
    margin-top : 0;
    grid-template-columns : 1fr 1fr;
    column-gap: 2rem;
    padding-left : 0;
    list-style-type : none;
}

.showcase .showcase__list-item {
    text-align : center;
}

.showcase__icon {
    margin-top : 1rem;
}

.showcase .showcase__divide {
    margin : 1rem auto;
    width : 20%;
    height : 1px;
    background-color : #0080a2;
    border : none;
}

/**
 Images & layouts
 */
.phone-app-image {
    float : right;
    margin-left : 2rem;
    /*position: absolute;
    left: 100%;
    top: 1.5rem;*/
}

.phone-app-image + h2 {
    margin-top : 0;
}

.section--framework-logos {
    background-image : url('../images/framework-logos.webp');
    background-repeat : no-repeat;
    background-position : top center;
}

.content--screenshot-right {
    position : relative;
}

.content--screenshot-right .content__screenshot {
    position : absolute;
    top : 2rem;
    width : 0;
    right : 0;
}

.content--screenshot-right .content__screenshot-desktop {
    position : absolute;
    top : 5.65rem;
    left : 0;
    border : 5px solid #bff1ff;
    border-radius: 25px;
}

.content--screenshot-right .content__screenshot-mobile {
    position : absolute;
    top : 16.5rem;
    left : 0;
    border : 5px solid #bff1ff;
    border-radius: 25px;
}