body {
    background-color:black;
  } 


  .helper img{
width:50px;

  }


.helper {
  font-family: 'Sorts Mill Goudy', serif;
  position: fixed;
  width: 90%;
  right: 5%;
  bottom: 5%;
 float: left;
  text-align: justify;
  text-decoration: none;
  color: greenyellow;
  font-size: 20px;
font-style: normal;

}

.guide {
  overflow: hidden;
  position: fixed; /* Set the navbar to fixed position */
  width: 15%;
  height: 100%;
  top: 70px;
  display:flex;
  flex-direction: column;
  justify-content: space-between;

}


/* Links inside the navbar */
.guide a {
  float: right;
  text-align: left;
  padding: 0% 0% 100px 0%;
  writing-mode: vertical-rl;
  color: white;
  font-family: 'Lexend Peta', sans-serif;
  font-size: 20px;


}

/*.helper img{
  position: fixed;
  right: 5%;
  bottom: 10%;
 float: left;
  color: blue;
}

.helper a{
  font-family: 'Lexend Peta', sans-serif;
  position: fixed;
  width: 100px;
  right: 10%;
  bottom: 5%;
 float: left;
  text-align: left;
  text-decoration: none;
  color: white;
  font-size: 20px;
font-style: normal;
}*/

.help{
position: fixed;

}

.help a{
  font-family: 'Lexend Peta', sans-serif;
  position: fixed;
  width: 200px;
  right: 5%;
  bottom: 5%;
 float: left;
  text-align: left;
  text-decoration: none;
  color: blue;
  font-size: 20px;
font-style: normal;
}

  .center {
    display: block;
    margin-top: 20%;

    margin-left: auto;
    margin-right: auto;
    width: 20%;
  }

  .center2 {
    display: block;
    margin-top: 10%;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
  }

  .center3 {
    display: block;
    margin-top: 10%;

    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }

/*****exhibition*****/


.doors {
    margin-top: 10%;
    margin-left: 200px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        float: left;
}


.row {
    display: flex;
  margin: 0px 0px -50px -10px;
  }
  
  .column1 {
    -moz-box-shadow:    inset 0 0 50px white;
    -webkit-box-shadow: inset 0 0 50px white;
    box-shadow:         inset 0 0 50px white;
  
    
 /*   border-style: solid;
    border: 10px solid;
    border-image-slice: 1;
    border-width: 2px;
    border-image-source: linear-gradient(to left, grey, white);*/
    padding: 5px;
    margin: -50px -10px 0px 0px;
    flex: 50%;
  }


  .column2 {

    -moz-box-shadow:    inset 0 0 50px white;
    -webkit-box-shadow: inset 0 0 50px white;
    box-shadow:         inset 0 0 50px white;
    
 /*   border-style: solid;
    border: 10px solid;
    border-image-slice: 1;
    border-width: 2px;
    border-image-source: linear-gradient(to right, greenyellow, white);*/
    padding: 5px;
    margin:-100px -20px 0px 0px;
    flex: 50%;
  }
  
  .column3 {
    -moz-box-shadow:    inset 0 0 50px white;
    -webkit-box-shadow: inset 0 0 50px white;
    box-shadow:         inset 0 0 50px white;
    
  /* border-style: solid;
    border: 10px solid;
    border-image-slice: 1;
    border-width: 2px;
    border-image-source: linear-gradient(to top, #743ad5, white);*/
    padding: 5px;
    margin: -80px -100px 0px 0px;
    flex: 50%;
  }
  
  .column4 {
    -moz-box-shadow:    inset 0 0 50px white;
    -webkit-box-shadow: inset 0 0 50px white;
    box-shadow:         inset 0 0 50px white;
    
   /* border-style: solid;
   border: 10px solid;
    border-image-slice: 1;
    border-width: 2px;
    border-image-source: linear-gradient(to bottom, #743ad5, white);*/
    padding: 5px;
    margin: -70px -10px 0px 0px;
    flex: 50%;
  }
  
  .column5 {
    -moz-box-shadow:    inset 0 0 50px white;
    -webkit-box-shadow: inset 0 0 50px white;
    box-shadow:         inset 0 0 50px white;
   /* border-style: solid;
    border: 10px solid;
    border-image-slice: 1;
    border-width: 2px;
    border-image-source: linear-gradient(to right, blue, white);*/
    padding: 5px;
    margin: -10px 20px 0px 0px;
    flex: 50%;
  }
  
  .column6 {
    -moz-box-shadow:    inset 0 0 50px white;
    -webkit-box-shadow: inset 0 0 50px white;
    box-shadow:         inset 0 0 50px white;
    border-radius: 50%;
  /*   border-style: solid;
    border: 10px solid;
    border-image-slice: 1;
    border-width: 2px;
    border-image-source: linear-gradient(to right, black, white); */
    padding: 5px;
    margin: 20px 90px 0px 0px;
    flex: 50%;
  }
  
  .column7 {
    -moz-box-shadow:    inset 0 0 50px white;
    -webkit-box-shadow: inset 0 0 50px white;
    box-shadow:         inset 0 0 50px white;
  /*  border-style: solid;
    border: 10px solid;
    border-image-slice: 1;
    border-width: 2px;
    border-image-source: linear-gradient(to bottom, black, white);*/
    padding: 5px;
    margin: 80px -70px 0px 0px;
    flex: 50%;
  }
  
  .column8 {
    -moz-box-shadow:    inset 0 0 50px white;
    -webkit-box-shadow: inset 0 0 50px white;
    box-shadow:         inset 0 0 50px white;
  /*  border-style: solid;
    border: 10px solid;
    border-image-slice: 1;
    border-width: 2px;
    border-image-source: linear-gradient(to top, black, white);*/
    padding: 5px;
    margin: 10px -40px 0px 0px;
    flex: 50%;
  }


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

.help a{
  font-size: 20px;
}

    .helper img{
      width:100px;
      
        }

    .helper {
      width: 100px;
      font-size: 20px;
    }

    .center {
        width: 8%;
        margin-top: 20%;
    }


    .center2 {

        margin-top: 12%;
        width: 30%;
      }

      .center3 {

        margin-top: 0%;
        width: 50%;
      }

      .column1{
      padding: 100px;
    }

    .column2{
      padding: 100px;
    }

    .column3{
      padding: 100px;
    }

    .column4{
      padding: 100px;
    }

    .column5{
      padding: 100px;
    }

    .column6{
      padding: 100px;
    }

    .guide a {
      font-size: 28px;
    }

    .guide {
      width: 10%;

    }

  }