@media only screen and (min-width: 481px) {


  /* Layout for the overall flexbox columnar structure  */

.containerFlexbox {
    display: block;
    width: 100%;
    margin: 0 auto;

 }

.trial-page-layout {

}


.content-iframe {
width: 100%;
overflow-y: hidden;
display: block;
background-color: green;
margin: 12px;
padding: 0px;
pointerEvents: none;
}



  .column {
  }



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

img.trial-page-layout {
    padding-right: 20px
    }

.hospitalLogo {
    width: 30%;
}




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

  p {
    color:black;
  }

button {
 width: 50%;
 background-color: initial;
   border-radius: 6px;
   box-shadow: rgba(0, 0, 0, 0.5) 0 2px 4px;
   color: #FFFFFF;
   cursor: pointer;
   display: inline-block;
   font-family: Inter,-apple-system,system-ui,Roboto,"Helvetica Neue",Arial,sans-serif;
   font-size: 16px;
   height: 40px;
   line-height: 40px;
   outline: 0;
   overflow: hidden;
   padding: 0 20px;
   pointer-events: auto;
   position: relative;
   text-align: center;
   touch-action: manipulation;
   user-select: none;
   -webkit-user-select: none;
   vertical-align: top;
   white-space: nowrap;
   z-index: 9;
   border: 0;
   transition: box-shadow .2s;

   border-radius: 6px; /* Or your desired radius */
   -webkit-border-radius: 6px; /* For older webkit browsers */
   -moz-border-radius: 6px; /* For older Firefox browsers */

 }


    /* formatting the columns */

.leftwardPanel {

}


.centralPanel {
   /*empty so far */
}


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

.studyButtonsDiv {
 width: 100%;
 min-height: 10px;
}


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


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

.studyLogoImage {
  max-width: 25vW; max-height: 10vH;
}


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

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

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


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

}

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

}

/* individual elements  */

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

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

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


.desktop-footer-image {
display: none
}

.mobile-footer-image {
display: block
}

.mobile-footer-image-div {
display: block
}

.toggleButton {
padding-left:10px;
padding-right:10px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
}

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