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

.messageBox {
  margin-top: 100px;
  display: flex;
  justify-content: space-between;
}

.messagePosition {
  font-size: 1.5rem;
  margin-top: 30px;
  text-align: right;
}

.messageName {
  font-size: 2.5rem;
  text-align: right;
}

.messagePhoto {
  width: 20%;
}

.messageText {
  width: 75%;
}


/**
 ****************************************************
 * 
 * screens smaller than 768
 * 
 ****************************************************
 */
@media only screen and (max-width: 768px) {

.messageBox {
  margin-top: 80px;
  display: inherit;
}

.messagePosition {
  font-size: 1.3rem;
  margin-top: 30px;
  text-align: right;
}

.messageName {
  font-size: 1.8rem;
  text-align: right;
}
  
.messagePhoto {
  width: 40%;
  margin: 0 auto 30px;
}
.messageText {
  width: auto;
  margin: 0 auto;
}

	
}