.blog_body {
    max-width: 100%;
    background-color: #f8f8f5;
}

.header {
    height: calc(100vw * (9/16));
}

.paralax_container {
    height: 100%;
    width: 100%;
    /* background-image: url(../resources/BetterTogether/background.png);
	background-position: center 0;
	background-size: contain;
	background-attachment: fixed;
	background-repeat: no-repeat; */
}

.paralax_element {
    width: 100%;
}

.parallax-image {
    height: 600px;
    position: relative;
}

.parallax-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.paralax_background {
    z-index: -4;
}

.paralax_first_star {
    z-index:-3;
}

.paralax_second_star {
    z-index: -2;
}

.paralax_third_star {
    z-index: -1;
}

.paralax_moon {
    z-index: 0;
}

.sketches {
    width: 100%;
    margin-top: -104px;
    max-width: 1230px;
}

.text {
    font-family: 'MyriadPro';
    text-align: justify;
}

.header_title {
    position: absolute;
    color: #1C3251;
    font-size: calc(50px + 0.5vw);
    margin-top: 8vw;
    margin-left: 13%;
    width: 74%;
}

.header_text {
    position: absolute;
    font-size: calc(16px + 0.5vw);
    color: #1C3251;
    margin-top: 16vw;
    margin-left: 20%;
    width: 60%;
}

.mid_text {
    transform: translate(-50%);
    font-size: calc(13px + 0.5vw);
    margin-left: 50%;
}

.bottom {
    width: 100%;
    max-width: 1230px;
}


@media (max-width: 1230px) {

}

/* XL */
@media (min-width: 1171px) {

}

/* LG */
@media (max-width: 1170px) {
    
}

/* MD */
@media (max-width: 992px) {

}

/* SM */
@media (max-width: 768px) {
    
}

/* XS */
@media (max-width: 544px) {
    
}