.jnm-section{
	display: block;
	width: 100%;
	min-height: 100vh;
  background-size: 100% auto;
  background-repeat: repeat-y;
  background-position: center top;
  overflow: hidden;
	background-image: url("../images/backgrounds/wall5_background.jpg");
	display: flex;
	align-items: center;
	padding: 10vh 0;
}
.jnm-section h1{
	font-size: 2.5rem;
	padding-bottom: 2vh;
}
.jnm-content h2{
	color: var(--red);
	font-size: 2rem;
	padding-bottom: 2vh;
}
.jnm-section p{
	font-size: 1.3rem;
}
.jnm-content{
	width: 100%;
	padding: 0 10vw 2vh 10vw;
}
.jnm-link{
	background-color: var(--white60);
	font-size: 2rem;
	padding: 0.1vw;
	transition: all 200ms ease-in-out;
}
.jnm-link a{
	color: var(--dyellow);
	font-size: 2rem;
	transition: all 200ms ease-in-out;
}
.jnm-link:hover{
	background-color: var(--white80);
}
.jnm-link a:hover{
	color: var(--red);
}
.jnm-link a:active{
	font-size: 1.95rem;
}
.jnm-pictures{
	display: block;
}
.jnm-pictures p{
	font-size: 1.2rem;
	padding-bottom: 5vh;
}
.jnm-image{
	width: 100%;
}
.jnm-image p{
	font-size: 2rem;
}
.jnm-slider {
  width: 52vw;
  height: 40vw;
  position: relative;
  overflow: hidden;
	margin: auto;
}
.jnm-slide {
  width: 100%;
  max-width: 800px;
  height: 100%;
  position: absolute;
  transition: all 0.5s;
	padding: 5% 0;
}
.jnm-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.jnm-btn {
	background-color: var(--white60);
  position: absolute;
  padding: 7px;
  border: none;
  border-radius: 50%;
  z-index: 10;
  cursor: pointer;
  width: 50px;
  height: 50px;
  font-size: 24px;
}
.glyphicon-chevron-left:before{
	font-family: "Glyphicons Halflings";
	color: var(--dbrown60);
	content:"\e079";
}
.glyphicon-chevron-right:before{
	font-family: "Glyphicons Halflings";
	color: var(--dbrown60);
	content:"\e080";
}
.glyphicon-chevron-left:hover:before{
	color: var(--dbrown);
}
.glyphicon-chevron-right:hover:before{
	color: var(--dbrown);
}
.glyphicon-chevron-left:active:before{
	color: var(--red);
}
.glyphicon-chevron-right:active:before{
	color: var(--red);
}
.jnm-seq-btn-prev, .jnm-atom-btn-prev, .jnm-custom-btn-prev, .jnm-learn-btn-prev, .jnm-visual-btn-prev, .jnm-draw-btn-prev{
  top: 45%;
  left: 2%;
}
.jnm-seq-btn-next, .jnm-atom-btn-next, .jnm-custom-btn-next, .jnm-learn-btn-next, .jnm-visual-btn-next, .jnm-draw-btn-next{
  top: 45%;
  right: 2%;
}

/* Cell phone screen */
/*----------------------------------------------------------------------------*/
@media only screen and (max-width: 1080px){
.jnm-section h1{
	font-size: 4rem;
}
.jnm-content{
	padding: 0 2vw 2vh 2vw;
}
.jnm-link a{
	font-size: 2.5rem;
}
.jnm-section p, .jnm-section h2{
	font-size: 2.5rem;
}
.jnm-pictures{
	display: block;
}
.jnm-slider {
  width: 82vw;
  height: 65vw;
}
}
