/**
 * Media and Text Block Styles
 */

/* Main container */
.media-text {
    padding: 70px 0;
}

.media-text-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: column-reverse;
    gap: 30px;
}

.media-text-button {
    text-align: center;
}

/* Media container */
.media-image-wrapper {
    position: relative;
    overflow: hidden;
}

.media-image-wrapper img {
    width: 100%;
    height: auto;
    display: block;
    transition: .5s;
}

.media-image-wrapper:hover img {
    transform: scale(1.15);
}

/* Text container */

.text-container p,
.text-container .subtitle,
.text-container h2,
.text-container .h2 {
    text-align: left;
}

.media-text-content {
    margin-top: 30px;
    font-family: 'Inter', Helvetica, sans-serif;
}

@media only screen and (min-width: 960px) {
    .media-text {
        padding: 100px 0;
    }

    .media-left {
        flex-direction: row;
    }

    .media-right {
        flex-direction: row-reverse;
    }

    .media-text-inner {
        flex-wrap: nowrap;
    }

    .media-container {
        flex: 1 1 64%;
        width: 64%;
    }

    .text-container {
        flex: 1 1 36%;
        width: 36%;
    }

    .media-text-button {
        text-align: unset;
    }
}

@media only screen and (min-width: 1200px) {
    .text-container h2 {
        font-size: 64px;
    }
}