.comicText
{
    max-width: 800px;
    margin: auto;
    line-height: normal;
    margin-bottom: 40px;
    font-size: 18px;
}

.mainImage
{
    margin: auto;
    max-width: 1000px;
    width:100%;
}

i
{
    font-style: italic;
}
.otherImage
{
    margin: auto;
    max-width: 1200px;
    width:100%;
    margin-bottom:70px;
}

#menu ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    line-height: 25px
}

#menu li
{

    display: inline;
    margin:1.1em;

}
#menu
{
 text-transform: uppercase;
    padding-bottom: 25px;
    font-size: 1em;
    letter-spacing: 0.1em;
   
}


#submenu ul
{
    list-style-type: none;
    margin: auto;
    padding: 0;
}

#submenu li
{

    display: inline-block;

    margin:0.8em;
    margin-bottom:0.2em;

}
#submenu
{
 text-transform: uppercase;
    padding-bottom: 45px;
    font-size: 0.8em;
    letter-spacing: 0.1em;
    max-width: 60%;
    margin:auto;
   
}

a{
    text-decoration: none;
    color:#262d42;
}


a:visited{

    color:#262d42;
}


@media (min-width: 700px) {

}


@font-face {
    font-family: 'Palatino Linotype';
    src: url('PalatinoLinotype-Roman.woff2') format('woff2'),
        url('PalatinoLinotype-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* Grid styles -------------------------------------------------*/
.cards 
{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 30px;
}


/* Generic styles ----------------------------------------------*/
body {
   font-family: 'Cardo', serif;
background-image: url('../img/ep_naturalwhite.png');
    background-repeat: repeat;
    color: #262d42;
    text-align: center;
 
}

header {
     font-family: 'Palatino Linotype'; font-weight: normal; font-style: normal;
    padding-top:50px;
    padding-bottom:30px;
    font-size: 2.5em;
     letter-spacing: 0.10em;
    text-align: center;
}

p
{
    text-align: justify;
    margin:20px;
}

#aboutcontent
{
    padding-top:0px;
    margin-top:-20px; 
    margin: auto;
    line-height: 1.5em;
    max-width: 500px;
}

#contactcontent p
{
    text-align: center;
     text-transform: uppercase;
}
#contactcontent
{
    padding-top:0px;
    margin-top:-20px; 
    margin: auto;
    line-height: 1.5em;
    max-width: 500px;
    
}
main
{
    margin: auto;
    max-width: 720px;
}

#mainart
{
    max-width: 800px;
}


#mainart img
{
    width:100%;
}


.cards {
  max-width: 960px;
  margin: 0 auto 30px;
}

article {
  position: relative;
}

.article-img {
  height:  200px;
  width: 100%;
  object-fit:cover;
}


.article-title {
     font-size: 0.8em;
text-align: center;
    padding:10px;
    /*
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.2);
*/
}

.article-title2 {
     font-size: 0.8em;
text-align: center;
    padding:25px;
    padding-top:0px;
    /*
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.2);
*/
}