* {
      touch-action: manipulation;
  }

#nav1
{
    background-color:#0D3249;
    color: #fff;
    opacity: 0.7;
    filter:(opacity=50);
}

#mindText h1{
  color: white;
  font-family: Verdana, sans-serif;
  font-size:200%;
  font-weight: 200;
  text-align: Center;
}

#mindText p{
  color: white;
  font-family: Verdana, sans-serif;
  font-size:100%;
  font-weight: 100;
  text-align: justify;
}

#mindText img{
  padding: 5px 5px 5px 5px;
}

/*Reader page settings*/
#Readers h1{
  color: white;
  font-family: Verdana, sans-serif;
  font-size:200%;
  font-weight: 200;
  text-align: Center;
}

#Readers .card{
  width: 18rem;
}

#Readers .card:hover {
  transform: scale(1.1);
}

#Readers .card {
  transition: transform 0.4s ease;
}


h1{
  color: white;
  font-family: Helvetica, sans-serif;
  font-size:200%;
  font-weight: 400;
}

p{
  color: white;
  font-family: Helvetica, sans-serif;
  font-size:100%;
  font-weight: 300;
}

#carouselMain .carousel-item img{
  object-fit: cover;
  object-position: center;
  height: 60vh;
  overflow: hidden;
}

#carouselMain .carousel-item h1{
  color: #FDAC64;
  font-family: Helvetica, sans-serif;
  font-size:200%;
  font-weight: 200;
}

#carouselMain .carousel-item h2{
  color: #66CCFF;
  font-family: Helvetica, sans-serif;
  font-style: italic;
  font-weight: 100;
  font-size:140%;
}

#carouselMain .carousel-item:before{
  content: "";
  background-image:
    linear-gradient(to bottom, rgba(0,0,0,0), rgba(0, 0, 0, 1));
    display: block;
    position: absolute;
    top: 0;
    width: 100vw;
    height: 100vh;
}

#footerMain h1{
  color: grey;
  font-family: Helvetica, sans-serif;
  font-size:120%;
  font-weight: 600;
}

#footerMain p{
  color: grey;
  font-family: Helvetica, sans-serif;
  font-size:90%;
  font-weight: 200;
}

#pageText h1{
  color: white;
  font-family: Verdana, sans-serif;
  font-size:200%;
  font-weight: 200;
  text-align: Center;
}

#pageText h2{
  color: #FDAC64;
  font-family: Verdana, sans-serif;
  font-size:120%;
  font-weight: 200;
  text-align: Center;
}

#pageText p{
  color: white;
  font-family: Verdana, sans-serif;
  font-size:100%;
  font-weight: 100;
  text-align: justify;
}


#articleText h1{
  color: #56656E;
  font-family: Verdana, sans-serif;
  font-size:200%;
  font-weight: 200;
  text-align: Center;
}

#articleText h2{
  color: #3E8082;
  font-family: Verdana, sans-serif;
  font-size:140%;
  font-weight: 200;
  text-align: Center;
}

#articleText h3{
  color: #3E8082;
  font-family: Verdana, sans-serif;
  font-size:150%;
  font-weight: 200;
  text-align: left;
}

#articleText h4{
  color: brown;
  font-family: Verdana, sans-serif;
  font-size:90%;
  font-weight: 100;
  font-weight: lighter;
  text-align: justify;
  font-style: italic;
  line-height: 150%;
}

#articleText h5{
  color: #000000;
  font-family: Verdana, sans-serif;
  font-size:80%;
  font-weight: lighter;
  text-align: justify;
  line-height: 110%;
}

#articleText p{
  color: #000000;
  font-family: Verdana, sans-serif;
  font-size:100%;
  font-weight: lighter;
  text-align: justify;
  line-height: 200%;
}

#articleText img {
  display: block;
  max-width:100%;
  max-height:auto;
  float: left;
}

#articleText .left,.right {
  height: 100vh;
  overflow: hidden;
  overflow-y: scroll;
  text-align: center;
}

.bg-blue {
  background-color: #0D3249 !important;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
  color: #fff;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.nav-link:hover, .nav-link:focus {
  color: #FDAC64;
}