.dev_page_title {
    font-family: "Fixel Display-Bold", sans-serif;
    font-size: 36px;
    font-weight: 800;
    color: #FAFAFA;
}

.dev_page_content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    gap: 20px;

    background-color: #050505;
    margin: 20px 0 0 calc(50% - 50vw);
    padding: 26px;
}

.dev_page_content img {
    width: 100%;
}

.dev_page_content_text {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
}

.dev_page_content_text span {
    text-align: center;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 24px;
    font-weight: 500;
    color: #FAFAFA;
}

.dev_page_content_text a {
    text-align: center;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 24px;
    font-weight: 500;
    padding: 13px 69px;
    border-radius: 67px;
    background-color: #FECA14;
}

@media (min-width: 576px) {
    .dev_page_content {
        /*margin: 20px -25px 0 -25px;*/
    }
}

@media (min-width: 768px) {
    .dev_page_content {
        /*margin: 20px -43px 0 -43px;*/
        padding: 36px;

        flex-direction: row;
    }

    .dev_page_content_text span {
        font-size: 22px;
    }

    .dev_page_content img {
        width: 50%;
        max-width: 380px;
    }
}

@media (min-width: 992px) {
    .dev_page_content {
        /*margin: 20px -38px 0 -38px;*/
    }

    .dev_page_title {
        font-size: 64px;
    }
}

@media (min-width: 1200px) {
    .dev_page_content {
        /*margin: 30px -60px 0 -60px;*/
    }

    .dev_page_content_text span {
        font-size: 24px;
    }

    .dev_page_content img {
        max-width: 615px;
    }

    .dev_page_content_text {
        max-width: 478px;
    }
}

@media (min-width: 1730px) {
    .dev_page_content {
        /*margin: 30px -100px 0 -100px;*/
    }
}