main {
    margin: 0px;
    padding: 0px;
    position: absolute;
    background-color: grey;
    height: inherit;
    width: 100%;
    font-family: 'Roboto', sans-serif;
  }
  body {
    margin: 0px;
  }
  
  #paraef{
    height: 500px;
  }

  .mainB{
    width: 100%;
    height: inherit;
    z-index: 0;
    background-image: url("../media/_AJB3396.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    position:fixed;

  }
  #parabottom {
    background-image: url("../media/paraBottom.png");
    background-repeat: no-repeat;
    width: 100%;
    height: inherit;
    z-index: 1;
    position: absolute;
    background-size:100%;
  }
  .contentW {
    background-color: rgb(48, 48, 48);
    height: 100%;
    width: 100%;
    z-index: 2 !important;
    position: relative;
  }
  #toolBar {
    height: 82px;
    /* background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgba(0, 0, 0, 0)); */
    background-color: rgb(197, 197, 197);
    display: flex;
    position: relative;
    justify-content: space-between;
    border-bottom: black 2px solid;
  }
  
  .buttonw {
    height: 100%;
    width: 30%;
    display: flex;
    justify-content: space-around;
    font-size: 1.5em;
    text-align: center;
    vertical-align: middle;
  
  }

  .buttonWCenter {
    transition-duration: .8s ease-out;
    width: 100%;
  }
  .Button {
    font-weight: bold;   
  }
  
  .Button >p:hover {
    cursor: pointer;
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
  }
  .Button > p {
    padding: 0px;
    text-align: center;
    transition: all .5s ease-out;
  }
  .sticky {
    position: fixed !important;
    top: 0;
    margin-top: 0px !important;
    width: 100%
  }
  
  .stickyPush {
    margin-top: 82px;
  }


#prel {
  background: #000 url(../media/loader.gif) no-repeat center;
  background-size: 10%;
  height: 100vh;
  width: 100%;
  position: fixed;
  z-index: 10;
}









/* Start Main page content */

#mainCont {
  display: flex;
  height: 2000px;
  -webkit-user-drag: none;
  
}

.spacer {
  width: 15%;
}

#mainWrapper {
  width: 70%;
  background-color: rgb(70, 69, 69);
  border-radius: 15px ;
}

.title {
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 4.5vw;
  margin-top: -1%;
}

.break { 
  height: 4px;
  display: flex;
  background-color: white;
  width: 100%;
}


#gridarray1 {
 display: grid; 
 grid-template-columns: 5% 90% 5%;
}

.contfold1{
  margin-top: 10px;
  border-radius: 10px;
  width: inherit;
  height: 600px;
  background-color: #9D4EB1;

  display: grid;
  grid-template-columns: 30% 70%;
}

#cf1l {
  width: 100%;
  height: 100%;
  background-image: url('../media/_DSC0786.jpg');
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border-right: solid white 3px;
}

#cf1l > img {
  width: 300px;
  height: max-content;
  position:absolute;
}

#cf1r {

}