body {
  /*background-image: url("/images/neuron_green.jpg");*/
  /*background-size: cover;*/
  background: rgba(125, 21,123,0.1);
}

.graph {
	position: fixed;
	z-index:-2;
}

.content-body {
	width: 60%;
	left: 20%;
	height: 100%;
	bottom: 0;
	position: fixed;
	/*box-shadow: 10px 5px 5px 5px grey; */
	background-color: rgba(200, 200, 200, 0.97); 
  color: rgba(0,0,0,.6);
	padding: 5em;
	overflow: auto;
	z-index:-1;
  font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
  font-weight: 300;
}

a {
  color: #d93371;
}
h3, h4 {
  color: #7d157b !important;
}

.primary {
  color: #7d157b !important;
}

.background {
  background: rgba(125, 21,123,0.1);
}

.nav {
  /* background-color: white; */
  float: right;
  text-align: right;
	width: 100%;
  margin-top: -2rem;
	margin-right: -5em;
  margin-left: -2rem;
  padding-right: 2rem;
  padding-top: 1rem;
  padding-bottom: 0.2rem;
  border-radius: 10px 0 0 10px;
}

.nav a {
  padding: 1em;
}

.cover {
	/* width: calc(100% + (2.5em * 2)); */
	width: calc(100% + (2.5em * 4));
	margin-left: -5em;
	object-fit: contain;
	overflow: hidden;
}

.sub_par {
	display: block;
	color: grey; 
}

.footer {
	position: fixed; 
	width: 100%;
	bottom: 0; 
	margin-left: 0em;
	overflow: hidden;
}

#container {
  width: 100%;
}

#floated-left {
  float: left;
  width: 30%;
}

#floated-none {
  float: none;
}

.carousel .carousel-item {
    width: 300px !important; 
    margin-left: 0%; 
}
.carousel {
    height: 500px;
}

@media (max-width: 480px) {
  /* If the viewport width is 480px or less, adjust the width further */
  .content-body {
    width: 100vw; 
		left: 0;
	  padding: 2em;
  }
	.footer {
		width: 100%;
		margin-left: 0;
		left: 0;
	}
  .graph {
    display: none;
  }
  .nav {
    display: none;
  }
}