.blog {
    background-color: #3d3e3f;
}

main {
    background-color: #3d3e3f;
}

.header {
    height: unset;
}

.blog_text {
    font-family: 'MyriadPro';
    color: white;
    font-size: calc(13px + 0.5vw);
    text-align: center;
    position: absolute;
    width: 1230px;
}

.header_text {
    top: calc(260px + 0.5vw);
    margin-left: 50%;
    transform: translate(-50%);
    width: 70%;
}

.moodboard_text {
    top: calc(2320px + 0.5vw);
}

.workflow_text {
    top: calc(3320px + 0.5vw);
}

.blog_body_image {
    padding-top: unset;
}

/* Breakpoint for the body max width */
@media (max-width: 1230px) {
    .blog_text {
        width: 70%;
        transform: translate(-50%);
        margin-left: 50%;
    }
}

/* LG */
@media (max-width: 1170px) {
    .header_text {
        top: calc(280px + 0.5vw);
    }

    .moodboard_text {
        top: calc(2200px + 0.5vw);
    }
    
    .workflow_text {
        top: calc(3100px + 0.5vw);
    }
}

/* MD */
@media (max-width: 992px) {
    .header_text {
        top: calc(230px + 0.5vw);
    }

    .moodboard_text {
        top: calc(1860px + 0.5vw);
    }
    
    .workflow_text {
        top: calc(2640px + 0.5vw);
    }
}

/* SM */
@media (max-width: 768px) {
    .header_text {
        top: calc(170px + 0.5vw);
    }

    .moodboard_text {
        top: calc(1440px + 0.5vw);
    }
    
    .workflow_text {
        top: calc(2050px + 0.5vw);
    }
}

/* XS */
@media (max-width: 544px) {
    .blog_text {
        font-size: calc(7px + 0.5vw);
    }

    .header_text {
        top: calc(120px + 0.5vw);
    }

    .moodboard_text {
        top: calc(1010px + 0.5vw);
    }
    
    .workflow_text {
        top: calc(1440px + 0.5vw);
    }
}

/* iPhone Plus */
@media (max-width: 414px) {
    .moodboard_text {
        top: calc(770px + 0.5vw);
    }
    
    .workflow_text {
        top: calc(1100px + 0.5vw);
    }
}

/* iPhone X */
@media (max-width: 375px) {
    .header_text {
        top: calc(70px + 0.5vw);
    }

    .moodboard_text {
        top: calc(690px + 0.5vw);
    }
    
    .workflow_text {
        top: calc(990px + 0.5vw);
    }
}

/* iPhone SE */
@media (max-width: 320px) {
    .moodboard_text {
        top: calc(590px + 0.5vw);
    }
    
    .workflow_text {
        top: calc(840px + 0.5vw);
    }
}