a {
  color: #eb070e;
}

.centered-wrapper {
  display: block;
  margin: 0;
  background-color: #FEFEFE;
}

.main {
  display: block;
  overflow-y: hidden;
  overflow-x: hidden;
  /*margin-right: 300px;*/
  width: calc(100% - 330px);
  position: fixed;
  /*width: 83%;*/
}

.side {
  text-align: center;
  /*text-align: left;*/
  font-size: 14px;
  color: rgb(230,230,230);
  width: 300px;
  border-left: 1px solid black;
  height: 100%;
  background: #000;
  overflow-y: scroll;
  overflow-x: hidden;
  z-index: 1;
  position: fixed;
  right: 0;
  background-color: #18274e;/*#e9e9eb;*/
  font-family: "Century Gothic", sans-serif;
}

.chartDiv {
  display: block;
  height: calc(100vh - 250px); 
  margin: 20px;
}

.expandableStocks {
  cursor: pointer;
}

.side h1 {
  margin-top: 40px;
  margin-left: 40px;
  margin-right: 40px;
  padding-bottom: 20px;
  font-family: Sf Pro Text, sans-serif;
}

.side p {
    margin-top: 10px;
    margin-left: 14px;
    margin-right: 14px;
    padding-bottom: 20px;
    font-size: 16px;
    font-family: Sf Pro Text, sans-serif;
}

.selectors {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  margin-top: 50px;
  margin-bottom: 40px;
  font-family: Sf Pro Text, sans-serif;
  font-size: 18px;
}

.selector {
  border: 1px solid;
  padding: 7px;
  margin: 7px;
  text-align: center;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  font-size: 18px;
}

.selectorHeading {
}


.bookFirstImage {
  width: calc(315px * 0.7);
  height: calc(472px * 0.7);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  border-radius: 1px 6px 6px 1px;
  background-image: linear-gradient(203deg, rgba(255, 189, 97, 0) 52%, 
    rgba(255, 189, 97, 0.08)), 
    linear-gradient(90deg, rgba(20, 23, 48, 0.15), 
    rgba(20, 23, 48, 0) 1%, rgba(20, 23, 48, 0.08) 3%, 
    rgba(20, 23, 48, 0) 5%, rgba(20, 23, 48, 0) 97%, 
    rgba(20, 23, 48, 0.05)), url(../images/KindleCover.jpg);  
  background-size: auto, auto, cover; 
  box-shadow: -3px 3px 6px 0 rgb(71 76 110 / 16%), 
  -8px 8px 10px 0 rgb(10 13 37 / 14%), 
  -21px 21px 18px 0 rgb(20 23 48 / 12%), 
  -21px 21px 40px 0 rgb(20 23 48 / 9%);
}




@media (max-width: 1200px) {
  .selectors {
    font-size: 16px;
  }
  .selector {
    font-size: 16px;
  }
}



@media (max-width: 800px) {
  .main {
    position: relative;
    width: 100%;
  }
  .side {
    text-align: center;
    width: 100%;
    border: none;
    height: auto;
    position: relative;
    padding-bottom: 200px;
    overflow:hidden
  }
  .selectors {
    flex-direction: column;
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 16px;
  }
  .selector {
    font-size: 16px;
  }
  .chartDiv {
    height: calc(60vh - 250px);
  }
  .bookFirstImage {
  width: 80%;
  padding-top: 33%;
  }
}