@media screen and (min-width: 300px) and (max-width: 1000px) {
    #menu ul li:first-child {
        display: block;
        margin: 0px;
        text-align: right;
        height: 30px;
    }

    #menu ul li:not(:first-child) {
        padding: 15px 25px;
        background-color: #131212;
    }

    #menu ul li:first-child:hover + li,
    #menu ul li:first-child:hover + li + li,
    #menu ul li:first-child:hover + li + li + li,
    #menu ul li:first-child:hover + li + li + li + li{
        display: block;
        text-align: right;
    }

    #menu ul li:not(:first-child) {
        display: none;
    }

    #menu_bar {
        width: 1024px;
    }

    #top #hero_text {
        width: 100%;
        padding: 0 69;
    }

    #hero_image {
        display: none;
    }

    #base_feature_background {
        width: 1024px;
    }

    #how_to_background {
        width: 1024px;
    }

    #footer_background {
        width: 1024px;
    }
}