.mobile__only {
    display: none;
}

.desktop__only {
    display: inherit;
}

.header__center__mobile {
    display: none;
    text-align: center;
    width: 100%
}

@media only screen and (max-device-width: 450px) {

    .mobile__only {
        display: inherit;
    }

    .desktop__only {
        display: none;
    }

    .header__center__mobile {
        display: ruby;
        text-align: center;
    }

        .header__center__mobile img {
            width: 60%;
        }
}


@media only screen and (min-device-width: 451px) and (max-device-width: 640px) {

    .desktop__only {
        display: none;
    }

    .mobile__only {
        display: inherit;
    }

    .header__center__mobile {
        display: ruby
    }

        .header__center__mobile img {
            width: 50%;
            height: auto;
        }
}

@media only screen and (min-device-width: 641px) and (max-device-width: 1024px) {

    .desktop__only {
        display: none;
    }

    .mobile__only {
        display: inherit;
    }

    .header__center__mobile {
        display: ruby
    }

        .header__center__mobile img {
            width: 40%;
            height: auto
        }
}

@media only screen and (min-device-width: 1024px) {

    .mobile__only {
        display: none;
    }
}