.myclub_tapahtumat {
    width: 100%;
    border: 1px solid #00315a;
    border-radius: 5px;
    grid-area: myclub_tapahtumat;
    padding: 5px;
}

.myclub_kalenteri {
    min-width: 350px;
    border: 1px solid #00315a;
    border-radius: 5px;
    grid-area: myclub_kalenteri;
    padding: 10px;
}

.myclub-embed {
}

.myclubtiedot {
    display: grid;
    grid-template-areas:
        "myclub_kalenteri"
        "myclub_tapahtumat";
    grid-gap: 5px;
}

.myclublinkki {
    text-decoration: none;
}

.myclublinkki:pressed {
    color:#FFF !important; background-color:#00315a !important
}

/* testataan näytön koko -> luodaan suuremmalle näytölle 2 saraketta */
@media (min-width:641px) {
  .myclubtiedot {
    display: grid;
    grid-template-columns: 350px 1fr;
    grid-template-areas: 
      "myclub_kalenteri myclub_tapahtumat";
    grid-gap: 5px;
  }
 }