/***
Name: Gridacious
Version: 20251101el
Description: Gridacious customized for elktonchristian.church website.
Tags: grid-layout
Author: Brett Fisher
Author URI: https://www.brettfisher.xyz
***/

/**
Copyright (c) 2017-2025 Brett Fisher <code@brettfisher.xyz>

ISC License (https://opensource.org/licenses/ISC).

Permission to use, copy, modify, and distribute this software for any
purpose with or without fee is hereby granted, provided that the 
above copyright notice and this permission notice appear in all
copies.

THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL
WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED
WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE
AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL
DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA
OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
PERFORMANCE OF THIS SOFTWARE.
**/

/** Table of Contents
 *
 *   1.0 Normalizations
 *   2.0 Accessibility
 *   3.0 Grid System
 *   4.0 Alignment
 *   5.0 Typography
 *   6.0 Images and Captions
 *   7.0 Header (Masthead)
 *   8.0 Nav (Navigation Menu)
 *   9.0 Main (Content)
 *  10.0 Aside (Sidebar)
 *  11.0 Colophon (Footer)
 * ==================================================================
 */

/* 1.0 Normalizations
 *
 * Gridacious uses Nicolas Gallagher's normalize.css which is  
 * located ./css/normalize.css in the author's projects.  
 * See <https://github.com/necolas/normalize.css 
 * ------------------------------------------------------------------
 */

/** 2.0 Accessibility
---------------------------------------------------------------------
 **/

/* Text Only for Screen Readers */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 500;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/** 3.0 Grid System
 *
 * Gridacious is based on Jan Drewniak's Creating Your Own Grid System
 * (http://j4n.co/blog/Creating-your-own-css-grid-system) and
 * W3Schools' Responsive Web Design - Grid View
 * (https://www.w3schools.com/Css/css_rwd_grid.asp).
--------------------------------------------------------------------------------
**/

body {
    margin: 0;
    padding: 0;
    max-width: 100%;
}

.grid-container {
    width: 100%;
}

/* Border Box Set on All Grid Elements */

.grid-container * {
    box-sizing: border-box;
}

/* Clear Fix */ 

.row:before, 
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Column Positions and Widths */

[class*='col-'] {
    float: left; 
    min-height: 1px; 
    width: 8.33%; 
/* Gutter */
    padding: 0 11px;
}

/* Column Widths Extra Small Screens (portrait phones, less than 576px) */

    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}

/* Column Widths Small Screens (landscape phones, 576px and up) */

@media only screen and (min-width: 36em) {
    .col-sm-1 {width: 8.33%;}
    .col-sm-2 {width: 16.66%;}
    .col-sm-3 {width: 25%;}
    .col-sm-4 {width: 33.33%;}
    .col-sm-5 {width: 41.66%;}
    .col-sm-6 {width: 50%;}
    .col-sm-7 {width: 58.33%;}
    .col-sm-8 {width: 66.66%;}
    .col-sm-9 {width: 75%;}
    .col-sm-10 {width: 83.33%;}
    .col-sm-11 {width: 91.66%;}
    .col-sm-12 {width: 100%;}
}

/* Column Widths Medium Screens (tablets, 768px and up) */

@media only screen and (min-width: 48em) {
    .col-md-1 {width: 8.33%;}
    .col-md-2 {width: 16.66%;}
    .col-md-3 {width: 25%;}
    .col-md-4 {width: 33.33%;}
    .col-md-5 {width: 41.66%;}
    .col-md-6 {width: 50%;}
    .col-md-7 {width: 58.33%;}
    .col-md-8 {width: 66.66%;}
    .col-md-9 {width: 75%;}
    .col-md-10 {width: 83.33%;}
    .col-md-11 {width: 91.66%;}
    .col-md-12 {width: 100%;}
}

/* Column Widths Large Screens (laptops, desktops, 960px and up) */

@media only screen and (min-width: 60em) {
    .col-lg-1 {width: 8.33%;}
    .col-lg-2 {width: 16.66%;}
    .col-lg-3 {width: 25%;}
    .col-lg-4 {width: 33.33%;}
    .col-lg-5 {width: 41.66%;}
    .col-lg-6 {width: 50%;}
    .col-lg-7 {width: 58.33%;}
    .col-lg-8 {width: 66.66%;}
    .col-lg-9 {width: 75%;}
    .col-lg-10 {width: 83.33%;}
    .col-lg-11 {width: 91.66%;}
    .col-lg-12 {width: 100%;}
}

/* Column Widths Extra Large Screens (large desktops, 1200px and up) */

@media only screen and (min-width: 75em) {
    .col-xl-1 {width: 8.33%;}
    .col-xl-2 {width: 16.66%;}
    .col-xl-3 {width: 25%;}
    .col-xl-4 {width: 33.33%;}
    .col-xl-5 {width: 41.66%;}
    .col-xl-6 {width: 50%;}
    .col-xl-7 {width: 58.33%;}
    .col-xl-8 {width: 66.66%;}
    .col-xl-9 {width: 75%;}
    .col-xl-10 {width: 83.33%;}
    .col-xl-11 {width: 91.66%;}
    .col-xl-12 {width: 100%;}
}

/* Columns in Row Same Height */

.equal {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/** 4.0 Alignment
 * -------------------------------------------------------------------
 **/

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/** 5.0 Typography
 * -------------------------------------------------------------------
 **/

/* Jost */
/* https://gwfh.mranftl.com/fonts/jost?subsets=latin */

/* Jost Light 300 */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 300;
  src: url('assets/fonts/jost/jost-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
      url('assets/fonts/jost/jost-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('assets/fonts/jost/jost-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
      url('assets/fonts/jost/jost-v20-latin-300.woff') format('woff'), /* Modern Browsers */
      url('assets/fonts/jost/jost-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
      url('assets/fonts/jost/jost-v20-latin-300.svg\#Jost') format('svg'); /* Legacy iOS */
}

/* Jost Light 300 Italic */

@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: italic;
  font-weight: 300;
  src: url('assets/fonts/jost/jost-v20-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
      url('assets/fonts/jost/jost-v20-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('assets/fonts/jost/jost-v20-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
      url('assets/fonts/jost/jost-v20-latin-300italic.woff') format('woff'), /* Modern Browsers */
      url('assets/fonts/jost/jost-v20-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
      url('assets/fonts/jost/jost-v20-latin-300italic.svg\#Jost') format('svg'); /* Legacy iOS */
}

/* Jost Regular */

@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/jost/jost-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
      url('assets/fonts/jost/jost-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('assets/fonts/jost/jost-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
      url('assets/fonts/jost/jost-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
      url('assets/fonts/jost/jost-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
      url('assets/fonts/jost/jost-v20-latin-regular.svg\#Jost') format('svg'); /* Legacy iOS */
}

/* Jost Regular 400 Italic */

@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: italic;
  font-weight: 400;
  src: url('assets/fonts/jost/jost-v20-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
      url('assets/fonts/jost/jost-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('assets/fonts/jost/jost-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
      url('assets/fonts/jost/jost-v20-latin-italic.woff') format('woff'), /* Modern Browsers */
      url('assets/fonts/jost/jost-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
      url('assets/fonts/jost/jost-v20-latin-italic.svg\#Jost') format('svg'); /* Legacy iOS */
}

/* Jost Medium 600 */

@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  src: url('assets/fonts/jost/jost-v20-latin-600.eot'); /* IE9 Compat Modes */
  src: url('assets/fonts/jost/jost-v20-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/jost/jost-v20-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('assets/fonts/jost/jost-v20-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('assets/fonts/jost/jost-v20-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('assets/fonts/jost/jost-v20-latin-600.svg\#Jost') format('svg'); /* Legacy iOS */
}

@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 800;
  src: url('assets/fonts/jost/jost-v20-latin-800.eot'); /* IE9 Compat Modes */
  src: url('assets/fonts/jost/jost-v20-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/jost/jost-v20-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('assets/fonts/jost/jost-v20-latin-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('assets/fonts/jost/jost-v20-latin-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('assets/fonts/jost/jost-v20-latin-800.svg\#Jost') format('svg'); /* Legacy iOS */
}

/* Taviraj */
/* https://gwfh.mranftl.com/fonts/taviraj?subsets=latin */

/* Taviraj 600 */

@font-face {
  font-display: swap;
  font-family: 'Taviraj';
  font-style: normal;
  font-weight: 600;
  src: url('assets/fonts/taviraj/taviraj-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: url('assets/fonts/taviraj/taviraj-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/taviraj/taviraj-v15-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('assets/fonts/taviraj/taviraj-v15-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('assets/fonts/taviraj/taviraj-v15-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('assets/fonts/taviraj/taviraj-v15-latin-600.svg#Taviraj') format('svg'); /* Legacy iOS */
}

/* Taviraj 600 Italic */

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Taviraj';
  font-style: italic;
  font-weight: 600;
  src: url('assets/fonts/taviraj/taviraj-v15-latin-600italic.eot'); /* IE9 Compat Modes */
  src: url('assets/fonts/taviraj/taviraj-v15-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/taviraj/taviraj-v15-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('assets/fonts/taviraj/taviraj-v15-latin-600italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('assets/fonts/taviraj/taviraj-v15-latin-600italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('assets/fonts/taviraj/taviraj-v15-latin-600italic.svg#Taviraj') format('svg'); /* Legacy iOS */
}

/* Taviraj 800 */

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Taviraj';
  font-style: normal;
  font-weight: 800;
  src: url('assets/fonts/taviraj/taviraj-v15-latin-800.eot'); /* IE9 Compat Modes */
  src: url('assets/fonts/taviraj/taviraj-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/taviraj/taviraj-v15-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('assets/fonts/taviraj/taviraj-v15-latin-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('assets/fonts/taviraj/taviraj-v15-latin-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('assets/fonts/taviraj/taviraj-v15-latin-800.svg#Taviraj') format('svg'); /* Legacy iOS */
}

/* Taviraj 800 Italic */

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Taviraj';
  font-style: italic;
  font-weight: 800;
  src: url('assets/fonts/taviraj/taviraj-v15-latin-800italic.eot'); /* IE9 Compat Modes */
  src: url('assets/fonts/taviraj/taviraj-v15-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/taviraj/taviraj-v15-latin-800italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('assets/fonts/taviraj/taviraj-v15-latin-800italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('assets/fonts/taviraj/taviraj-v15-latin-800italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('assets/fonts/taviraj/taviraj-v15-latin-800italic.svg#Taviraj') format('svg'); /* Legacy iOS */
}

html {
    font-size: 100%;
}

body {
    background-color: #fffffc;
    color: #222222;
    font-family: 'Jost', sans-serif;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.35;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    color: #222222;
    font-family: 'Taviraj', serif;
    font-weight: 800;
    line-height: 1.25;
    margin: 1rem 0;
    text-align: center;
}

h1 {
    font-size: 48px;
    font-size: 3rem;
}

h2 {
    font-size: 40px;
    font-size: 2.5rem;
}

h3 {
    font-size: 36px;
    font-size: 2.25rem;
}

h4 {
    font-size: 32px;
    font-size: 2rem;
}

h5 {
    font-size: 24px;
    font-size: 1.5rem;
}

h6 {
    font-size: 20px;
    font-size: 1.25rem;
}

a:link {
    color: #1f5847;
    text-decoration: none;
}

a:active,
a:focus,
a:hover {
    text-decoration: underline;
}

a:visited {
    color: #1f5847;
    text-decoration: underline;
}

p {
    margin: 1rem 0;
}

ul {
    list-style-type: circle;
}

@media only screen and (min-width: 60em) {
    body {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.35;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1.35;
        margin: 1.5rem 0;
    }
    h1 {
        font-size: 72px;
        font-size: 4.5rem;
    }
    h2 {
        font-size: 64px;
        font-size: 4rem;
    }
    h3 {
        font-size: 56px;
        font-size: 3.5rem;
    }
    h4 {
        font-size: 48px;
        font-size: 3rem;
    }
    h5 {
        font-size: 40px;
        font-size: 2.5rem;
    }
    h6 {
        font-size: 32px;
        font-size: 2rem;
    }
    p {
        margin: 1.5rem 0;
    }
}

/** 6.0 Images and Captions
 * -------------------------------------------------------------------
 **/

/* Make Images Responsive */

img {
    max-width: 100%;
    height: auto;
}

/* Ensure Videos and Embeds Fit Their Containers */

embed,
iframe,
object,
video {
    max-width: 100%;
}

/* Image Alignment */

img.aligncenter {
    display: block;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

img.alignleft {
    float: left;
    margin: 0 1rem 1rem 0;
}

img.alignright {
    float: right;
    margin: 0 0 1rem 1rem;
}

img.alignnone {
    margin: 1rem 0;
}

/** 7.0 Header (Masthead)
 * -------------------------------------------------------------------
 **/

#masthead {
    display: block;
    width: 100%;
    background-color: #1f5847;
    padding: 1rem;
    box-sizing: border-box;
}

.masthead {
    color: #fffffc;
    font-family: 'Jost', sans-serif;
    font-weight: 600;
}

.masthead-content {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}

.masthead-logo {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
.masthead-logo img {
    margin: 0 auto;
    padding: 0;
    transition: opacity 0.3s ease;
}

.masthead-logo img:hover {
    opacity: 0.8;
}

.masthead-text ul {
    display: inline-block;
    list-style-type: none;
    width: 100%;
    margin: 0;
    padding: 0;
}

.masthead-text ul li {   
    margin: 1rem 0;
    padding: 0.5rem 0;
}

.masthead-text ul li a {
    color: #fffffc;
    text-decoration: none;
    padding: 0 1rem;
}

.masthead-text ul li a:hover {
    text-decoration: underline;
}

@media only screen and (min-width: 48em) {
    #masthead {
        display: none;
    }
}

/** 8.0 Nav (Navigation Menu)
 * -------------------------------------------------------------------
 * Presently hidden - single page site, no navigation needed
 * Remove display: none and media query when adding multiple pages
**/

#navigation {
    display: none;
    background-color: #1f5847;
    padding: 0.5rem 1rem;
	width: auto;
}

.navigation {
    font-family: 'Jost', sans-serif;
    font-style: normal;
    font-weight: 600;
}

.navigation ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.navigation li {
    margin: 0;
    padding: 0 1rem 0 0;
    text-align: left;
}

.navigation a {
    color: #fffffc;
    text-decoration: none;
}

.navigation a:hover {
    text-decoration: underline;
}

@media only screen and (min-width: 60em) {
    .navigation {
        padding: 0 1.5rem 1.5rem;
    }
    .navigation ul li {
        display: inline-block;
    }
    .navigation ul li:last-child {
        margin-right: 0;
    }
}

/** 9.0 Main (Content)
 * -------------------------------------------------------------------
 **/

#content {
  display: block;
  padding: 1rem 1rem;
  width: auto;
}

.landingpage-logo {
    display: block;
    padding: 1rem;
    transition: all 0.3s ease;
}

.landingpage-logo img {
    margin: 0 auto;
    padding: 0;
}

.landingpage-image {
    display: block;
}

.landingpage-image img {
    width: 100%;
    height: auto;
    object-fit: contain;
    margin: 0;
    padding: 0;
}

/*.landingpage-text p:nth-child(3) {
    text-align: center;
}

.landingpage-text p:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}*/

.landingpage-text ul {
    display: block;
    list-style-type: none;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}

.landingpage-text ul li {   
    margin: 0;
    padding: 0;
}

.landingpage-text ul li:first-child,
.landingpage-text ul li:nth-child(2) {
    margin: 1rem 0;
}

@media only screen and (max-width: 48em) {
    .landingpage-logo {
        display: none;
    }
}

@media only screen and (min-width: 60em) {
    #content {
        padding: 1.5rem 0;
    }
    .landingpage-top {
        position: relative;
    }
    .landingpage-logo {
        position: absolute;
        top: 0.75rem;
        left: 3rem;
    }
    .landingpage-logo img {
        margin: 0;
    }
    .landingpage-image {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    .landingpage-image img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    .landingpage-text {
        text-align: center;
    }
    .landingpage-text ul li:first-child,
    .landingpage-text ul li:nth-child(2) {
        margin: 1.5rem 0;
    }
}

/** 10.0 Aside (Sidebar)
 * -------------------------------------------------------------------
 **/

#sidebar {
    display: none;
    width: 100%;
    background-color: #fffffc;
    padding: 1rem;
    box-sizing: border-box;
}

.sidebar {
    color: #222222;
    font-family: 'Jost', sans-serif;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 400;
    text-align: center;
}

.sidebar-content {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

.sidebar-text ul {
    display: block;
    list-style-type: none;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}

.sidebar-text ul li {   
    margin: 1rem 0;
    padding: 0;
}

.sidebar-text ul li:first-child {
    margin-top: 0;
}

.sidebar-text ul li:last-child {
    margin-bottom: 0;
}

.sidebar-text ul li a {
    color: #fffffc;
    text-decoration: none;
    padding: 0 1rem;
}

.sidebar-text ul li a:hover {
    text-decoration: underline;
}

@media only screen and (min-width: 60em) {
    #sidebar {
        padding: 1.5rem;
    }
}

/** 11.0 Footer (Colophon)
 * -------------------------------------------------------------------
**/

#colophon {
    display: block;
    width: 100%;
    background-color: #1f5847;
    padding: 1rem;
    box-sizing: border-box;
}

.colophon {
    color: #fffffc;
    font-family: 'Taviraj', serif;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1;
}

.colophon-content {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

.colophon-logo {
    display: none;
}

.colophon-text {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

.colophon-text ul {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.colophon-text ul li {
    margin: 1rem 0;
    padding: 0;
}

.colophon-text ul li:first-child {
    margin-top: 0;
}

.colophon-text ul li:last-child {
    margin-bottom: 0;
}

.colophon-text ul li a {
    color: #fffffc;
    text-decoration: none;
    margin: 0 1rem;
    padding: 0;
}

.colophon-text ul li a:last-child {
    margin: 0;
}

.colophon-text ul li a:hover {
    text-decoration: underline;
}

@media only screen and (min-width: 60em) {
    #colophon {
        padding: 1.5rem;
    }
    .colophon-content {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .colophon-text {
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .colophon-text ul {
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: left;
    }
    .colophon-text ul li {
        display: inline-block;
        padding: 0 1rem;
    }
    .colophon-text ul li:first-child {
        padding-left: 0;
    }
    .colophon-text ul li:last-child {
        padding-right: 0;
    }
}