@font-face {
  font-family: "Bechilo";
  src: local("Bechilo-Regular"),
     url("fonts/Bechilo.woff2") format("woff2"),
     url("fonts/Bechilo.woff") format("woff");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: 'IM Fell English SC';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.bunny.net/im-fell-english-sc/files/im-fell-english-sc-latin-400-normal.woff2) format('woff2'), url(https://fonts.bunny.net/im-fell-english-sc/files/im-fell-english-sc-latin-400-normal.woff) format('woff'); 
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Ibarra Real Nova';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.bunny.net/ibarra-real-nova/files/ibarra-real-nova-latin-400-italic.woff2) format('woff2'), url(https://fonts.bunny.net/ibarra-real-nova/files/ibarra-real-nova-latin-400-italic.woff) format('woff'); 
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Ibarra Real Nova';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.bunny.net/ibarra-real-nova/files/ibarra-real-nova-latin-ext-400-italic.woff2) format('woff2'), url(https://fonts.bunny.net/ibarra-real-nova/files/ibarra-real-nova-latin-ext-400-italic.woff) format('woff'); 
  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Ibarra Real Nova';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.bunny.net/ibarra-real-nova/files/ibarra-real-nova-latin-400-normal.woff2) format('woff2'), url(https://fonts.bunny.net/ibarra-real-nova/files/ibarra-real-nova-latin-400-normal.woff) format('woff'); 
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Ibarra Real Nova';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.bunny.net/ibarra-real-nova/files/ibarra-real-nova-latin-ext-400-normal.woff2) format('woff2'), url(https://fonts.bunny.net/ibarra-real-nova/files/ibarra-real-nova-latin-ext-400-normal.woff) format('woff'); 
  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Ibarra Real Nova';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.bunny.net/ibarra-real-nova/files/ibarra-real-nova-latin-700-normal.woff2) format('woff2'), url(https://fonts.bunny.net/ibarra-real-nova/files/ibarra-real-nova-latin-700-normal.woff) format('woff'); 
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Ibarra Real Nova';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.bunny.net/ibarra-real-nova/files/ibarra-real-nova-latin-ext-700-normal.woff2) format('woff2'), url(https://fonts.bunny.net/ibarra-real-nova/files/ibarra-real-nova-latin-ext-700-normal.woff) format('woff'); 
  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

body {
    font-family: 'Ibarra Real Nova', serif;
}
h1,h2,h3,h4,h5,h6 {
    font-family: 'IM Fell English SC', serif;
}
p{
    font-size:1.44rem
}
.copyright-text {
    font-size: 0.8rem;
}
header {
    display: grid;
    justify-items: center;
}
header .site-title-text {
    justify-content: center;
}
.site-title-text {
    font-family: "Bechilo","Bechilo-Regular",sans-serif;
    font-weight: bold;
    font-size: 4.5rem;
}
nav ul {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    text-align: center;
    font-family: 'IM Fell English SC', sans-serif;
    font-size: 1.44rem;
    margin: 0;
    padding: 0;
}
li.nav-item {
    display: inline-grid;
    padding-inline: 2rem;
}
@media screen and (max-width:1050px) {
  li.nav-item {
    display: inline-grid;
    padding-inline: 1rem;
  }
}
.nav-item a, .site-title-text a {
    text-decoration: none;
    color: black;
}
.nav-item.active .nav-item-link-text {
    text-decoration: underline;
}
.nav-item a:hover, .site-title-text a:hover {
    color: blue;
}
body.page .content-wrapper {
    display:grid;
    margin:0 auto;
    max-width:70%;
}
body.intake textarea {
    margin: 2px;
    width: 99%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.deck {
  display: grid;
  grid-gap: 4rem;
}
.card {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-column-gap: 1rem;
  /*border: 1px dotted pink;*/
}
body.login section.content {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
}
@media screen and (max-width:885px) {
  .card {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
  body.login section.content {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
}
.card img {
  background-image: url(static/img/watermark.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  /*border: 1px solid blue;*/
  width: 100%;
  max-height: 100vw;
}
.card-text {
  text-align: left;
  margin: auto 0;
  /*border: 1px solid blue;*/
}
.row-halfs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-items: center;
    padding-block: 2rem;
}
.row-thirds {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: first baseline;
    justify-items: center;
}
.tagline {
    font-family: sans-serif;
    font-variant:all-small-caps;
    font-size: 1.44rem;
}
@media screen and (max-width:885px) {
    nav ul {
        grid-template-columns: auto;
    }
    .row-thirds {
        grid-template-columns: 1fr 1fr;
    }
}
@media screen and (max-width:620px) {
    .row-thirds {
        grid-template-columns: auto;
    }
    .row-halfs {
        grid-template-columns: auto;
    }
}