/* This line of code is to centralize your display page in the middle */
div { margin: 0 auto; }

/* top menu fonts size and left side menu font size */
.primary-navigation a {
    font-size: 13px;
}

.secondary-navigation {
  /* this is for the menu in the left sidebar */
  font-size: 13px;
}


/* change top and side menu font family 
.primary-navigation { */

  /* this is for the top menu */
 /* font-family: Times;
}   */

/*
.secondary-navigation {
  /* this is for the menu in the left sidebar */
 /* font-family: Times;
}  */


 
/* Right Content Sidebar Width  */
/*adjust your middle content position, number smaller goes more to right */
.site-content {
margin-right: 12%;  /*writable side content area smaller number bigger space */
margin-left: 1%; //adjustthe mobile view and shrink
}

.content-sidebar {
margin-left: -75%;
width: 23%;   /* control the right side size  */
}


/* middle content size */

.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta, .page-content {
 /* Original max-width: 474px , this width below is maximum 76 base on your left margin size*/
 max-width: 76%;
}


/*change your widget titlebar font size and also content size text*/

#primary-sidebar .widget .widget-title {
font-size: 15px;
}
#primary-sidebar .widget ul {
font-size: 14px;
}