
.block {
    display: flex;
    height: auto;
    min-height: 65vh;
    margin: 4em 0;
    background-color: var(--white);
}

.block:first-of-type{
padding-top: 4em;
}

.block__text {
    width: 35vw;
}

.block__content {
    width: 50vw;
}

.block__image {
    width: 50vw;
    margin: 4em auto;
    background-color: var(--white);
}

.p3, .d2 {
    text-align: left;
}

.logo--block {
    width: 100%;
    height: 14em;
}

#annezwagers {
    margin-top: 0;
}

.annezwagers__image {
    background: url("/assets/images/block/anne.webp") center / cover no-repeat;
    width: 30vw;
    
}

.annezwagers2__image {
    background: url("/assets/images/block/anne2.webp") center / cover no-repeat;
    width: 30vw;
}

.annezwagers__content {
    width: 70vw;
}

.photography__image {
    background: url("/assets/images/block/photography4.webp") center / cover no-repeat;
}

.photography2__image {
    background: url("/assets/images/block/photography3.webp") center / cover no-repeat;
}

.photography3__image {
    background: url("/assets/images/block/photography2.webp") center / cover no-repeat;
}

.annieson__image {
    background: url("/assets/images/block/annieson.webp") center / cover no-repeat;
}

.design__image {
    background: url("/assets/images/block/design.webp") center / cover no-repeat;
}

.design2__image {
    background: url("/assets/images/block/design2.webp") center / cover no-repeat;
}

.surf__image {
    background: url("/assets/images/block/surf3.webp") center / cover no-repeat;
}

.surf2__image {
    background: url("/assets/images/block/surf2.webp") center / cover no-repeat;
}

/* photography portfolio */
.stock__image {
    background: url("/assets/images/block/stock.webp") center / cover no-repeat;
}

/* Tablet */
@media only screen and (max-width: 960px) {
        
    .block__text {
        width: 45vw;
    }
}

/* Mobile */
@media only screen and (max-width: 600px) {
    .block, .annezwagers__content, #azworks {
        flex-direction: column;
        width: 100%;
    }

    .block__content {
        order: 2;
        width: 100%;
    }

    .block__text {
        width: 80vw;
        margin-bottom: 2em;
    }

    .block__image {
        order: 1;
        width: calc(100vw - 8em);
        height: 18em;
    }


   
}