.fixed-header {
    position: fixed;
    width: 100%;
    z-index: 1;
}
.banner {
    height: 40vh;
    color: white;
    font-family: morpheus, sans-serif;
    background: url(/app/assets/background/1500x500_juji.jpeg) center center;
    background-size: cover;
}
.website-title {
    padding: 0 14px;
}
.wikiTextSource {
    font-size: 10pt;
}
.social-icon {
    padding: 10px 5px;
}
.header-title {
    display: flex;
    justify-content: center;
    height: 75px;
    font-size: 16pt;
    font-weight: bold;
    align-items: flex-end;
}
.footer-title {
    height: 75px;
    font-size: 16pt;
    font-weight: bold;
}
.footer-social {
    height: 130px;
}
a.news-link {
    color: gray;
}
a.social-facebook {
    color: #3b5998;
}
a.social-twitter{
    color: #1da1f2;
}
a.social-youtube {
    color: #cd201f;
}
a.social-linkedin {
    color: #00a0dc;
}
a.social-googleplus {
    color: #dd4b39;
}
a.menu-header {
    color: lightblue;
    font-size: 11pt;
    font-weight: bold;
}
a[md-mini-fab] {
    color : white;
    background-color: darkblue;
}
a[md-mini-fab]:hover {
    color: orange;
}
a[md-button]:hover {
    color: orange;
}
a[md-raised-button]:hover {
    color: orange;
}
@font-face {
    font-family: morpheus;
    src: url(../fonts/morpheus.ttf);
}
@media (orientation: portrait) {
    .banner {
        height: 40vw;
    }
}
@media (orientation: landscape) and (max-width: 1280px) {
    .banner {
        height: inherit;
    }
}
html body {
    background: #e6e6e6;
    font-family: Verdana, sans-serif;
}