/*biographies*/

.spacer{
     background-color: #EDC9E0;
    height: 2em;
}
.push{
    height:20%;
}

/*IMAGES*/
.box{
	margin:1% auto;
	text-align: center;
}

.infoImage{
	cursor: pointer;
	
	max-width: 80%;
	margin:0 auto;
}


.infoBand{
	margin:0 auto;
	height:auto;
	max-width:76%;
	background-color: #333;
	 -webkit-box-shadow: 0 10px 20px -10px black;
     -moz-box-shadow: 0 10px 20px -10px black;
          box-shadow: 0 10px 20px -10px black;
        padding:2%;
}

.infoBand p{
	font-size: 1.1em;
	color:#fff;
	text-align: center;
	line-height: 1.4em;

}

.copyright {
	font-size: .6em!important;
	line-height: 0.8em;
}

img{

max-width: 100%;
	height: auto;
	
}

.box:hover  img{
    background-color: white;
    
}

.box:hover img {
    opacity: 0.9;

}

/*IMAGES END*/


/*bio pages*/

#bioImage{
margin-top: 4%;

}

.bio{
	padding:1% 3% 1% 3%;
	font-family:'Noto Serif', sans-serif!important;
	font-size: 1.3em;
	line-height:1.5em;
	color: #333;
}


/*back btn*/

#navButtons{
padding:1% 3% 1% 3%;
width:100%;
display:inline-block!important;
text-align: left;

}

#navButtons a{
display:inline-block!important;
}


#backButton{

background: url("../../images/backToIcon.png")no-repeat ;
height:33px;
width:33px;
cursor:pointer;

}

#backButton:hover, #backButton1:hover {
	background-position: 0px -35px; 
	cursor: pointer;
}

/*bio pages end*/


/*media queries*/

@media only screen and (max-width: 1024px){


.infoBand p{
	font-size: .9em;
	padding:1%;
	padding-bottom:1%;
	line-height: 1.2em;

}

.copyright {
	font-size: .6em!important;
	line-height: 1.1em!important;
	padding-bottom:1%!important;
}
   
}

@media only screen and (max-width: 768px){

 
}

@media only screen and (max-width: 560px){
  .box{
	width:100%;
  	}

.box:first-child {
	margin-left: 0;
	}

.bio{
	margin-left: 12%;
	margin-bottom: 20%;
	width: 130%;
}


}