@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,700,800');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display+SC');
amp-story-page { font-family: 'Montserrat', Helvetica, Arial, sans-serif; color: black; }
amp-story-page a { color: black; }
#story-home, #story-intro, #story-title { background: #FFCE00; }
[template=vertical] { padding: 0; }
amp-story h1 { font-weight: 800; font-size: 34px; line-height: 140%; text-transform: uppercase; text-align: center; }
#story-title h1 { padding: 20% 12%; }
amp-story h2 { font-weight: 800; font-size: 18px; line-height: 140%; text-transform: uppercase; }
amp-story h2 strong { font-weight: 800; display: block; }
#story-home h2, #story-end h2 { padding: 0 13%; }
#story-intro h2 { font-size: 16px; }
amp-story h3 { font-family: 'Playfair Display SC'; text-transform:  none; font-size: 26px; line-height: 120%; padding-bottom: 10px; }
amp-story h4 { font-size: 18px; line-height: 120%; font-weight: 300; padding-bottom: 20px; }
amp-story p { font-size: 16px; line-height: 140%; font-weight: 300; }
amp-story p em { font-weight: 300; font-style: italic; }
#story-home, #story-end { font-weight: 800; text-align: center; padding: 0 5%; }
#story-home amp-story-grid-layer > span { font-size: 160px; line-height: 100%; display: grid; align-items: end; }
#story-intro { text-align: right; }
#story-intro amp-story-grid-layer > span { font-size: 16px; line-height: 140%; font-style: italic; display: grid; align-items: end; }
#story-title amp-story-grid-layer, #story-madame amp-story-grid-layer, #story-harriet amp-story-grid-layer, #story-simone amp-story-grid-layer { align-content: end; }
#story-madame amp-story-grid-layer, #story-hannah amp-story-grid-layer { justify-items: end; }
#story-simone amp-story-grid-layer { justify-items: center; }
amp-story .caja { padding: 10%; box-shadow: rgba(0,0,0,.32) 0 1px 143px; width: calc(100% - 50px); }
#story-madame .caja { background: #F1A322; }
#story-harriet .caja { background: #65DEC3; }
#story-hannah .caja { background: #67EBFF; }
#story-judith .caja { background: #D94153; }
#story-simone .caja { background: #CB74DC; }
@media (min-height:1100px) {
  #story-home amp-story-grid-layer > span { font-size: 240px; }
  #story-intro amp-story-grid-layer > span { font-size: 24px; padding-left: 30%; }
  amp-story h2 { font-size: 30px; }
  #story-intro h2 { font-size: 26px; }
}