@font-face {
    font-family: 'ostrichroundedwebfont';
    src: url('/theme/fonts/ostrichroundedwebfont.eot');
    src: local('ostrichroundedwebfont'), url('/theme/fonts/ostrichroundedwebfont.woff') format('woff'), url('/theme/fonts/ostrichroundedwebfont.ttf') format('truetype');
}

@font-face {
    font-family: 'FiraSans-Light';
    src: url('/theme/fonts/FiraSans-Light.eot');
    src: local('Fira Sans Light'), url('/theme/fonts/FiraSans-Light.woff') format('woff'), url('/theme/fonts/FiraSans-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'FiraSans-Medium';
    src: url('/theme/fonts/FiraSans-Medium.eot');
    src: local('Fira Sans Medium'), url('/theme/fonts/FiraSans-Medium.woff') format('woff'), url('/theme/fonts/FiraSans-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'FiraSans-Bold';
    src: url('/theme/fonts/FiraSans-Bold.eot');
    src: local('Fira Sans Bold'), url('/theme/fonts/FiraSans-Bold.woff') format('woff'), url('/theme/fonts/FiraSans-Bold.ttf') format('truetype');
}


/*
 * ==== hexagon
 */
.hexa, .hexa div {
  margin: 0 auto;
  transform-origin: 50% 50%;
  overflow: hidden;
  width: 300px;
  height: 300px;
}
.hexa {
  width: 325px;
  height: 230px;
}
.hexa div {
  width: 100%;
  height: 100%;
}
.hexa {
  transform: rotate(120deg);
}
.hex1 {
  transform: rotate(-60deg);
}
.hex2 {
  transform: rotate(-60deg);
} 

img.logo {
    margin-left:30%; 
    margin-right: auto; 
    margin-top: 1em; 
    width: 65%;
} 

.leadertext {
    margin-left:30%; 
    margin-right: auto; 
    margin-top: 1em; 
    width: 65%;
    font-family: 'ostrichroundedwebfont';
    font-size: 140%;
}  

body {
    font-size: 110%;
    font-family: sans-serif;
}


h1, h2, h3, h4, h5 {
    font-family: 'FiraSans-Bold';
}


h1 {
    font-size: 130%;
}


h3 {
  font-size: 130%;
  letter-spacing: 150%;
}

p {
    font-family: 'FiraSans-Light';
}

h1.article {
    font-size: 200%;
    color: black;
}

strong {
    font-family: 'FiraSans-Bold';
    color: #00aad4;
}

img.leaderimage { 
    width: 40%;
    border-radius: 5%;
    float: right;
    margin-left: 1.5em;
}

img.arpa2netlogo { 
    width: 60%; 
    float: right; 
}

@media (max-width: 480px) {
    img.arpa2netlogo {
        display: none;
    }
}

.continue {  
    text-align: center;
    font-family: 'FiraSans-Bold';
    letter-spacing: 0.4em;
}

.post-author-etc {  
    text-align: center;
}

.greyed {  
    color: #aaaaaa;
}

img.inpagebanner {
  width=100%;
  border-radius: 20px;
}

td a {font-weight: 900;}