@media (min-width: 415px) and (max-width: 1099px) {

    div.menu-top {
        width: 100%;
        
        margin-left: auto;
        margin-right: auto;
        padding: 20px;
        padding-top: 35px;
        float: left;
        
    }
    div.menu-styles {
        width: 60%;
        float: bottom;
        padding-right: 19px;
        text-align: center;
        
       
        

    }
    div.menu-empty {
        float: left;
        width: 10%;
        
    }
    div.page-div {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 60px;
        text-align: center;;
    }

    div.menu-position {
        float: left;
        font-size: 12px;
        margin-right: 20px;
        padding: 1%;
        cursor: pointer;
        
    }

    div.top {
        width: 100%;
        height: 130px;
        padding: 0;
        margin: 0;
        clear: both;
    }

    div.styles {
        float: right;
        font-size: 13px;
        margin: 9px;
        cursor: pointer;
        padding-left: 5px;
        padding-right: 5px;
        
    
    }


    span.page-one {
        font-size: 20px;
    }
    span.page-four {
        font-size: 20px;
    }
    
   
    span.page-five {
        font-size: 23px;
    }
}