/* This are the Propertys for small screen */
aside {
  align-self: inherit;
  position: relative;
}
/*This are the Propertys for big screen*/
@media (min-width: 530px) {
  aside{align-self: start;position: fixed;}
}
.menu{
  position: inherit;
  display: inline-block;
  background-color: transparent;
  right: 0;
  left: 0;
  margin: 62px 0 0 0;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.menu-item{
  background-color: #7ab1b5;
  padding: 0;
  margin-bottom: 0;
  margin-left: 0;
}
.menu-item a{
 font-size: 1.3em;
 margin: 0;
}

@media (min-width: 530px) {
  .page-links{display: inline-block;}
}
@media (min-width: 530px) {
  .menu {display: flex;margin: 50px 0 0 0;padding: 0 0 0 0;}
}
@media (min-width: 530px) {
  .menu-item {}
}
@media (min-width: 530px) {
  .menu-item a{margin: 0;display: inline-block;font-size: 24px;}
}

.page-links li {
 text-decoration: none;
}
.page-links li:first-child {
  border-top: none;
}

.page-links li a {
  display: block;
  text-align: left;
  padding: 8px 16px;
  text-decoration: none;
  color: #000;
  transition: all 0.3s;
}
.page-links li a:hover {
  color: #000;
  background-color:#fff;
  text-decoration: underline;
}

.page-links .current-menu-item a,
.page-links .current-menu-ancestor a:active {
  background-color: #fff;
  color: #000;
  text-decoration: underline;
}