/* =================================================== */
/* =====  iPAD AND SMALLER SCREENS */
/* =================================================== */
/* iPad and other  mobile devices */
 
/* MAIN CONTENT* */
div.allstuff {
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-template-areas: 
    "aside"
    "main"
    "accross";
}

.aside {
  grid-area: aside;
  padding-left: 1em;
  background-color: white;
}

h2 {
  text-align: left
}

figure.intro-image img {
  width: 50%;
  margin: 0 auto; 
}

.footprints {
  clear:both;
  margin: 0 2em;
}

.picture {
  display: block;
  width: 50%;
  padding-left: 1em;
  padding-bottom: 1em;
  margin-right: auto;
  margin-left: auto;

}

.journalcover {
  display: block;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}


.notsotiny {
  text-align: center;
  margin-top: 0.5em;
  font-size: 16px;
 
}

.tiny {
  display: none;
}

.support-us {
  background-color: white;
  grid-area: main;
  margin-bottom: 0em;
  padding: 0.5em;
}


a {
color: blue;
text-decoration: none;
font-palette: dark;
}

a:hover {
  color: blue;
  text-decoration: none;
  border-bottom: 2px solid blue;
}



/* =================================================== */
/* =====  LARGE SCREENS SCREENS */
/* =================================================== */
/*  */
@media screen and (min-width: 778px) {
  /* MAIN CONTENT* */
 .all-stuff {
    background-color:white;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    gap: 5px;
    grid-template-areas: 
    "aside main main"
    "accross accross accross";
  }

 .notsotiny{
  display: none;
 }

  .tiny {
    display:contents;
    margin-left: 3em;
    font-size: 13px;
  }

  .journalcover { 
    width: 100%;
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .mixitup {
    display: none;
  }
  .footprints {
    clear:none;
    margin: 0 2em;
  }

  .picture {
    float: left;
    margin: 0;
    padding-right: 2em;
    width: 30%;
  }
  .full-width {
    margin: 1em;
    padding-bottom: 1em;
    grid-area: accross;
    background-color: white;
  }

}