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

/* Contain demo size */
.zoneblockquote {
  width: 100%;
}

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
	blockquote {font-size: 18px;}
	.name {font-size: 18px;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	blockquote {font-size: 22px;}
	.name {font-size: 22px;}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	blockquote {font-size: 22px;}
	.name {font-size: 22px;}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	blockquote {font-size: 24px;}
	.name {font-size: 24px;}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	blockquote {font-size: 24px;}
	.name {font-size: 24px;}
}

.quote {
  background-color: #d9d9d9;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  color: #373234;
  margin: 0;
  padding: 20px 20px 20px 20px;
  /*font-size: 20px;*/
	border-left: 5px solid #d81f05;
}

.name {
/*  background-color: #333;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;*/
  color: #373234;
 /* font-size: 20px;*/
  padding: 20px;
  text-align: left;
}

/* Reset */

blockquote {
  padding: 0;
  margin: 0;
	
    border-left: 0px solid #eee;
}

blockquote::after {
  border-color: transparent #d9d9d9 transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 20px;
  top: 40px;
  content: " ";
  display: block;
	
  right: 95%;
	
  position: relative;
}