/*	--------------------------------------------------
Type
-------------------------------------------------- */

@font-face {
    font-family: 'latoitalic';
    src: url('/issue02/type/lato-italic-webfont.woff2') format('woff2'),
         url('/issue02/type/lato-italic-webfont.woff') format('woff'),
         url('/issue02/type/lato-italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: 'latobold';
    src: url('/issue02/type/lato-bold-webfont.woff2') format('woff2'),
         url('/issue02/type/lato-bold-webfont.woff') format('woff'),
         url('/issue02/type/lato-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: 'latoregular';
    src: url('/issue02/type/lato-regular-webfont.woff2') format('woff2'),
         url('/issue02/type/lato-regular-webfont.woff') format('woff'),
         url('/issue02/type/lato-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: 'museo_slab500';
    src: url('/issue02/type/Museo_Slab_500_2-webfont.woff2') format('woff2'),
         url('/issue02/type/Museo_Slab_500_2-webfont.woff') format('woff'),
         url('/issue02/type/Museo_Slab_500_2-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: 'museo_slab500_italic';
    src: url('/issue02/type/Museo_Slab_500italic-webfont.woff2') format('woff2'),
         url('/issue02/type/Museo_Slab_500italic-webfont.woff') format('woff'),
         url('/issue02/type/Museo_Slab_500italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}



/*	--------------------------------------------------
Base
-------------------------------------------------- */

html, body {
  height: 100%; 
  width: 1080px;
  margin: 0 auto;
  font:14px/1.6 'latoregular', sans-serif;
  -webkit-font-smoothing: antialiased;}

em {
   font-family: 'latoitalic', arial, sans-serif;
   font-weight: normal;
   font-style: normal;
}

strong {
   font-family: 'latobold', arial, sans-serif;
   font-weight: normal;
   font-style: normal;
}

.content {font:14px/1.6 'museo_slab500', serif;
  -webkit-font-smoothing: antialiased;}

.content em {font:14px/1.6 'museo_slab500_italic', serif;
  -webkit-font-smoothing: antialiased;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	
h1 { font-size: 40px; line-height: 38px; margin-bottom: 8px; }
h2 { font-size: 35px; line-height: 38px; margin-bottom: 8px; }
h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
h5 { font-size: 17px; line-height: 24px; }
h6 { font-size: 14px; line-height: 21px; }

p { margin: 0 0 20px 0; }

em { font-style: italic; }
strong { font-weight: bold;}
small { font-size: 80%; }

a, a:visited { color: #000000; text-decoration: none; }
a:visited { color: #656263 }
a:hover, a:focus { color: #918987; }
a:focus { outline: 2px solid currentColor; outline-offset: 2px; }
p a, p a:visited { line-height: inherit; color: #656263}

/* --------------------------------------------------
Container
-------------------------------------------------- */
div#container, div.container { position: relative; width: 1080px; margin: 0 auto; padding: 0; }
 
 
/* --------------------------------------------------
Grid
-------------------------------------------------- */
.column-row, .row { margin: 0 0 0 0; }
.column, .columns { float: left; display: inline; margin: 0 0 0 0; }
 
.one { width: 216px; }
.two { width: 432px; }
.three { width: 648px; }
.four { width: 864px; }
.five { width: 1080px; }
 
.offset-by-one-half { margin-left: 110px; }
.offset-by-one { margin-left: 220px; }
.offset-by-two { margin-left: 440px; }
.offset-by-three { margin-left: 660px; }
 
/* Clear the columns automagically, thanks @kneath */
.column-row:after, .row:after, .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.column-row, .row, .clearfix { display: inline-block; }
.column-row, .row, .clearfix { display: block; }
/* Layout Utilities
   ========================================================================== */

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.lowercase {
  text-transform: lowercase;
}

/* Container variants */
.container-padded {
  padding-top: 20px;
}

.container-index {
  padding-top: 20px;
  margin-bottom: 0;
  height: 900px;
}

/* Logo container */
.logo-container {
  position: relative;
  height: 180px;
}

/* Spacer classes to replace invisible hr elements */
.spacer-10 {
  display: block;
  height: 10pt;
}

.spacer-15 {
  display: block;
  height: 15pt;
}

.spacer-20 {
  display: inline-block;
  height: 20pt;
}

.spacer-100 {
  display: block;
  height: 100pt;
}

/* Margin utilities */
.top-10 {
  margin-top: 10px;
}

.top-25 {
  margin-top: 25px;
}

/* Empty cell placeholder */
.empty-cell {
  min-width: 1px;
}

.text-center {
  text-align: center;
}

.align-bottom {
  vertical-align: text-bottom;
}

.spacer-160 {
  display: block;
  height: 160pt;
}

/* Responsive - allow horizontal scroll on mobile
   ========================================================================== */
@media (max-width: 1250px) {
  html, body, .container, div#container, div.container {
    width: auto;
    min-width: 320px;
    overflow-x: auto;
  }
}

/* Accessibility - Skip Link
   ========================================================================== */
.skip-link {
  position: absolute;
  left: -9999px;
  z-index: 9999;
  padding: 0.5em 1em;
  background: #000;
  color: #fff;
  text-decoration: none;
}

.skip-link:focus {
  left: 10px;
  top: 10px;
}