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


  /* Layout for the overall flexbox columnar structure  */

  .containerFlexbox {
    display: flex;
   width:1182
    margin: 0 auto;


  }
/*    -- I removed it --
      .absoluteFooter {
      width:1180px;
      margin: 0 auto;
      color: green;
      background-color: #c0fc0f;
      }
 */

  .column {
   flex: 0 0 33.33%;
      max-width: 33.33%;
      box-sizing: border-box;
      padding: 10px;
    color: white;

  }

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

.content-iframe {
display: block;
width: 800px;
background-color: green;
margin: 20px;
padding: 0px;
pointerEvents: none;
}



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

.trial-page-layout {
    padding-right: 60px
    }

.hospitalLogo {
    width: 20%;
}




  h1 {
    color:black;
  }

  p {
    color:black;
  }

button {
 width: 60%;
 }


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


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




#locationOption {

}

#leftwardPanel {
width=394px;
}

#centralPanel {
width=394px;
}

#rightwardPanel {
width=394px;
border-left: 1px solid #253568;
border-top: 1px solid white;
}

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


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

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

.ident-row {
padding-left:40px;
padding-right:40px;
margin-left: 20px;
margin-right: 20px;
padding:-20px;
margin: -2px;
}



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


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


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

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

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

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

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



.desktop-footer-image {
display: block
}

.mobile-footer-image {
display: none
}

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

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


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