@media only screen and (max-width: 480px) {


  /* Layout for the overall flexbox columnar structure  */

  .containerFlexbox {
    width: 100%;
    max-width:370px;
    margin:0 auto;
  }

  .column {
  }





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


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

  p {
    color:black;
  }

/* ---- alter default margin on ul and ol  */


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 */
}






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

img.qrcImg  {
max-width:66%;
padding-top: 0.2em; padding-bottom: 0.2em;
background-color: white;
}

img.diagramImg {
width:66%;
padding-top: 1em; padding-bottom: 2em;
}
  /* formatting the columns */

.leftwardPanel {
  /*empty so far */
}


.centralPanel {
   /*empty so far */
}



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



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

#eureca-logo {
    display: none;
}

#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 #572563;
padding-top: 1em;
}

.ident-row {
padding-top:20px;
padding-bottom:20px;
padding-left:4px;
padding-right:4px;
}

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

.RedBox {
padding-top:20px;
padding-bottom:20px;
padding-left:12px;
padding-right:12px;
border-style: solid;
border-color: red;
margin-bottom: 24px;
}



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

#trainingBlurb {
font-size: 20px;
color: red;
margin-top: -40px;

}

GCPtext {
font-size: 2em;
}

GCPlogo {
height: 2em;
}

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