* {box-sizing: border-box;} body {font-family: Verdana, Arial, Helvetica, sans-serif;color:#111111;background-color:#ffffff;} .video {display: flex;justify-content: center;} .content {max-width: 1280px;margin: auto;} .navigation-link {font-weight: bold;font-size: 14px;color:#111111;} .navigation-link:hover {font-weight:bold;color:#f57d05;} .page-link {font-weight: bold;font-size: 14px;color:#111111;} .page-link:hover {font-weight: bold;font-size: 14px;color:#f57d05;} .article-tags {font-weight: bold;color:#111111;} .article-tags:hover {font-weight: bold;color:#f57d05;} .title {font-weight: bold;font-size: 80px;color:#111111;text-decoration: none;} .strapline {font-size: 16px;color:#444444;} .footer {background-color:#f6f7f9;text-align:center;padding:10px;margin-top:5px;border-top:1px solid #e6e6e6;} .header {background-color:#ffffff;text-align:center;margin-bottom:5px;border-bottom:1px solid #e6e6e6;} .picture {display:block;margin-left:auto;margin-right:auto;max-width:100%;height:auto;margin-top:5px;} .picture-logo {display:block;margin-left:auto;margin-right:auto;max-width:300px;height:auto;margin-top:2px;} .news {background-color:#f6f7f9;float:left;width:20%;padding:15px;margin-top:5px;text-align:left;border-right:1px solid #e6e6e6;} .news-link {font-weight:bold;font-size:14px;color:#111111;} .news-link:hover {font-weight:bold;font-size:14px;color:#f57d05;} .news-summary {color:#111111;} .news-date { font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.08em; color: #666; margin: 12px 0 6px 0; padding-top: 6px; } .main {float:left;width:60%;padding:0 15px;} .article-headline {font-size:22px;font-weight:bold;color:#111111;} .hub-title {font-size:22px;font-weight:bold;color:#111111;} .cover-title {font-weight:bold;color:#111111;} .cover-link {font-weight:bold;font-size:14px;color:#111111;} .cover-link:hover {font-weight:bold;color:#f57d05;} .cover-description {text-align:justify;color:#111111;} .copyright {font-size:13px;} .article-date {color:#111111;} .hyperlink {font-weight:bold;color:#111111;} .hyperlink:hover {font-weight:bold;color:#f57d05;} .hub-link {font-weight:bold;font-size:14px;color:#111111;} .hub-link:hover {font-weight:bold;font-size:14px;color:#f57d05;} .article-content {text-align:justify;color:#111111;} .article-content-bold {text-align:justify;color:#111111;font-weight:bold;} .article-content-italic {text-align:justify;color:#111111;font-style:italic;} .article-source {color:#111111;} .hub-content {text-align:justify;color:#111111;} .page-number {text-align:left;color:#111111;} .navigation {background-color:#ffffff;float:left;width:20%;padding:15px;margin-top:5px;text-align:left;border-left:1px solid #e6e6e6;} .nav-section-title { font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.08em; color: #666; margin: 12px 0 6px 0; padding-top: 6px; } .nav-block { margin-bottom: 18px; padding-bottom: 10px; border-bottom: 1px solid #e6e6e6; } .nav-block:last-child { border-bottom: none; } .collapsible {background-color:#ffffff;color:#111111;cursor:pointer;padding:18px;border:1px solid #e6e6e6;text-align:left;outline:none;font-size:15px;} .active,.collapsible:hover {background-color:#f6f7f9;} .collapsible:after {content:'\002B';color:#111111;font-weight:bold;float:right;margin-left:5px;} .active:after {content:"\2212";} .confirm {padding:0 18px;max-height:0;overflow:hidden;transition:max-height 0.2s ease-out;background-color:#ffffff;} .image-row {display:flex;flex-wrap:wrap;padding:0 4px;} .image-column {flex:50%;max-width:50%;padding:0 4px;} .image-column img {display:block;margin-left:auto;margin-right:auto;max-width:100%;height:auto;border-width:5px;border-color:#ffffff;border-style:solid;} .hub-row {display:flex;flex-wrap:wrap;padding:0 4px;} .hub-column {flex:50%;max-width:50%;padding:0 4px;} .cover-row {display:flex;flex-wrap:wrap;padding:0 4px;} .cover-column {flex:50%;max-width:50%;padding:0 4px;} @media screen and (max-width:800px){.image-column,.hub-column,.cover-column{flex:50%;max-width:50%;}} @media screen and (max-width:600px){.image-column,.hub-column,.cover-column{flex:100%;max-width:100%;}} @media (max-width:800px){img#splash-cover{display:none;}} @media only screen and (max-width:800px){.news,.navigation,.main{width:100%;margin-bottom:5px;}} @media only screen and (max-width:800px){.main{border-bottom:1px solid #e6e6e6;}}