@charset "utf-8";
/* CSS Document */

.container {
  margin: 20px auto;
  width: 100%;
  padding: 1em;
  font-family: sans-serif;
  font-weight: normal;
  font-size: 1em;
  color:#fff;
}

.margin-border {margin:10px;
border:#FFF solid 1px;}
.quote {
 
  padding: 15px 10px 5px 15px;
  border-radius: 5px;
  text-align:center;
}

/*.quote:after {
  content: '';
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 20px 18px 0 18px;
  border-color: #3E3831 transparent transparent transparent;
  position: relative;
  top: 37px;
  left: 20px;
}*/

.student {
  margin-left: 25px;
}

.student .photo {
 /* background-color: #ccc;
  border-radius: 100px;*/
  width: 40px;
  height: 40px;
  /*float: left;*/
  margin-right: 10px;
}

.student p {
  position: relative;
  top: 5px;
  text-transform: uppercase;
  text-align:center;
}

.student p:nth-child(1) {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
}

.student p:nth-child(2) {
  font-size: 14px;
  color: #999;
}

blockquote{
  font-size: 1.2em;
 /* margin:20px auto;*/
  
  color: #FFF;
  border-left:none !important;
  padding:1.2em 30px 1.2em 30px;
  line-height:1.6;
  position: relative;
  
 
}

blockquote::before{
 
  content: "\201C";
  color:#78C0A8;
  font-size:4em;
  position: absolute;
  left: -10px;
  top:-10px;
}

blockquote::after{
  content: '';
}