a {
  text-decoration: none;
}

li.menu-item {
  list-style: none;
  display: inline;
  padding: 10px;
}

/* colors*/

.greyish-background {
  background: #f7f8f8 !important;
}

.light-grey-background {
  background: #ecefef !important;
}

.dark-grey-background {
  background: #636363 !important;
}

.bluish-text-color {
  color: #0071bc;
}

.bluish-background {
  background: #0071bc !important;
}

.white-text-color {
  color: #ffffff;
}

/*fonts*/

.page-title, .project-title {
  font-size: 30px;
}

.page-title {
  text-transform: uppercase;
}

.small-text {
  font-size: 1em;
}

/*dividers*/

.vertical-divider {
  border-right: 2px solid #0071bc;
  padding: 0 10px 0 10px;
}

.w3-panel {
  margin-top: 0 !important;
}

.w3-container.w3-threequarter.right-border {
  border-right: 1px solid #ecefef;
}

.w3-container.w3-quarter.learn-more {
  padding-block-start: 20px;
}
.w3-container.w3-quarter.sidebar-bg {
  background: #ecefef;
}

.project-docs-divider {
  border-right: 0.5px solid #636363;
  height: inherit;
}

.project-docs {
  font-size: 14px;
}

.project-docs .w3-ul li {
  padding: 8px 0px;
}

.project-docs .w3-ul li a:hover {
  color: #0071bc;
}

.project-docs h6 {
  font-weight: 600;
}

@media only screen and (max-width: 425px) {
  .layout-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
    position: relative;
    justify-content: space-between;
  }
  .page-intro-section article {
    padding: 3em 2em;
  }
  .page-intro-section h1 {
    font-size: 1.5em;
  }
  .page-intro-section p {
    font-size: 1em;
  }
  .related-link {
    background-color: #0071bc;
    padding: 1em 0;
  }
  .project-docs {
    border-right: none;
  }
}

@media only screen and (max-width: 768px) {
  .project-docs {
    border-right: none;
  }
}

/* Laptop 1024 */

@media only screen and (min-width: 1024px) {
  .layout-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
    position: relative;
    justify-content: space-between;
  }
}