@media (pointer:coarse){          /*Tests if computer is a touchscreen*/
      ::-webkit-scrollbar {display: none;}    /*removes scrollbar*/
    }
    

    .Container-3{
      width:97%;
      max-width:2000px;
      overflow-y:auto;
      overflow-x:hidden;
    }   

    .GalleryFrame{
      display:flex;
      flex-wrap: nowrap;
      width:100%;
      height:30%;
      justify-content:left;
      align-items: flex-start;
      overflow-y: hidden;
      overflow-x: auto;
    }

    .GalleryButton{
      background-color: transparent;
      margin:0;
      padding:0;
      cursor: pointer;
      height:100%;
      width:100%;
    }

    .GalleryFrame2{
      display:flex;
      flex-wrap: nowrap;
      width:100%;
      height:15%;
      justify-content:left;
      align-items: flex-start;
      overflow-y: hidden;
      overflow-x: auto;
    }

    .GalleryFrame2 frame,.GalleryFrame2 button{
      width:100%;
      height:100%;
      text-align: center;
      background: none;
    }

    .GalleryHeader{
      display:flex;
      text-align: center;
      justify-content: left ;
      position:relative;
      font-size:large;
      font-weight: bold;
      color:white;
      text-align:left;
      height:3%;
      margin-top:10px;
      min-height: 15px;
      margin-bottom:3px;
      width:100%;
      padding-left:5px;
      border-top:solid 1px white;
    }

    /* width */
    ::-webkit-scrollbar {width: 5px}
    /* Track */
    ::-webkit-scrollbar-track {background: #f1f1f109; }
    /* Handle */
    ::-webkit-scrollbar-thumb {background: black; width:20px;}
    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {background: #555; }

    .GalleryItem a{text-decoration: none;}

    .GalleryItem{
      display:inline-block;
      position:relative;
      top:0;
      padding:0px;
      border:3px solid white;
      margin:0px;
      margin-left: 5px;
      margin-right: 5px;
      width:10%;
      min-width: 200px;
      height:90%;
      overflow:hidden;
    }

    .GalleryItem:hover .Title {border-bottom:3px solid red;color:red;}

    .GalleryItem:hover  {border:3px solid red; }

    .GalleryItem:hover .Title2 {color:red;}

    .Title{
      display:flex;
      text-align: center;
      justify-content: center ;
      padding:0;
      margin:0px;
      width:auto;
      height:10%;
      min-height:30px;
      font-size: large;
      font-weight: bold;
      color:white;
      border-bottom:3px solid white;
    }

    .Title2{
      display:flex;
      text-align: center;
      justify-content: center ;
      padding:0;
      margin:0px;
      width:auto;
      height:100%;
      min-height:30px;
      font-size: large;
      font-weight: bold;
      color:white;
      cursor:pointer ;
    }

    .CenterDisplay1{
      display:flex;
      flex-wrap: nowrap;
      width:100%;
      height:30%;
      justify-content:center;
      align-items: flex-start;
      overflow:hidden;
    }

    .CenterDisplay{
      display:flex;
      flex-wrap: nowrap;
      width:100%;
      height:100%;
      justify-content:center;
      align-items: flex-start;
      overflow:hidden;
    }

    .CenterDisplay a{text-decoration: none;}

    .Image{
      justify-content: center;
      height:auto;
      width:100%;
      min-height:50px;
      max-height:70%;
      padding-bottom: 71%;
    }

    .PresentationContainerFlex{
      display:flex;
      width:100%;
      height:35%;
      justify-content: center;
      align-items: center;
      margin:0px;
      padding:0px;
    }

    .Presentation{
      display:grid;
      position:relative;
      grid-template-columns: 70% 30%;
      width:100%;
      height:100%;
      margin:0px;
      padding:0px;
      padding-bottom:10px;
    }

    .PresentationTxt{
      position:relative;
      height:100%;
      font-size:medium;
      color:white;
      text-align: left;  
      overflow-x: hidden;
      overflow-y:auto;  
    }

    .PresentationTxt p{color:white;height:100%;min-height:10px;}

    .PresentationImg img{
      position:relative;
      height:100%;  
      float:right;
      padding-left: 55%;
      object-fit: scale-down;
    }

    .PresentationImg{
      position:relative;
      width:100%;
      height:auto;
      justify-content:right;
      align-content: right;
      float:right;
      overflow: hidden; 
    }