#message .avatar{
	width: 100%;
	height: 600px;
	background-image: url(../img/message/chutich.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
	display: flex;
	align-items: flex-end;
}
#message .avatar p{
	background:rgba(0, 130, 196, 0.75);
  color: #FFF;
  line-height: 22px;
  padding: 10px 20px;
  margin-bottom: 0px;
}
.bigtext {
  margin-top: 10px;
  display: block;
  overflow: hidden;
  color: #000;
}
.bigtext p{
  margin-bottom: 10px;
  font-family: 'MyriadPro-Light';
}
.bigtext h5{
  color: #000;
  margin-bottom: 0px; 
}
.expand, .contract {
  cursor: pointer;
  font-weight: bold;
  /* padding: 15px 0; */
  text-align: center;
  color: #555;
  margin-bottom: 0px;
}
.expand:hover, .contract:hover {
  color: #121212;
}
.hide {
  display: none;
}
blockquote{
  font-size: 16px;
}
@media only screen and (max-width: 768px){
  #message .avatar p{
    padding: 10px;
  }
}

@media (max-width:500px){
  #message .avatar{
    height: 450px;
  }
}