@media only screen and (min-width: 769px) {
  /* Layout for the overall flexbox columnar structure  */

  .containerFlexbox {
    display: flex;
    width: 100%;
    max-width: 1025px;
  }

  .column {
    flex: 1;

  }






/*  ------------------------       panel elements and whole site settings           -------------------------------- */

#eureca-logo {
    display: block;
    max-width: 33%;
    padding-right: 8px;
    padding-bottom:8px;
    margin: 0 auto;
}

  h1 {
    color: black;
    margin-top: 0px;
    padding-top: 0px;
  }

  p {
    color: black;
  }



img.locationImg {
max-width:30%;
padding-top: 1em; padding-bottom: 2em;
}

img.qrcImg  {
width:26%;
padding-top: 1em; padding-bottom: 1em; padding-left: 2%; padding-right: 2%;
background-color: white;
}

img.diagramImg {
max-width:40%;
padding-top: 1em; padding-bottom: 2em;
}


   /* formatting the columns */

.leftwardPanel {
    background-color: orange;
}


.centralPanel {
   /*empty so far */
}



#rightSideInfoPanel {
border-left: 1px solid #572563;
border-top: 0px;
}


ul{
   margin: 0;
   padding: 1em; /* Set the distance from the list edge to 1x the font size */
}

ol {
    margin: 0;
    padding: 1em; /* Set the distance from the list edge to 1x the font size */
}




/*  ------------------------           individual elements             -------------------------------- */



#training {
padding-left:20px;
padding-right: 20px;
}


#emerg-sci-legend-title {
display: block
}

#ED-research-team-details-top {
Display: block;
}

#ED-research-team-details-bottom {
border-top: 1px solid #ffffff;
padding-top: 4em;
}


.ident-row {
padding:20px;
margin: 20px;
}

.ident-row-images {
height: 2vH
}

.RedBox {
padding:20px;
margin: 20px;
border-style: solid;
border-color: red;
}


#trainingTitle {
font-size: 40px;
color:red;
padding:40px;
}

#trainingBlurb {
font-size: 20px;
color:red;
padding-left:40px;
}

GCPtext {
font-size: 4em;
}

GCPlogo {
height: 4em;
}


  /*  Don't add anything below this curly bracket */
}