.custom_quotebox { position: relative; margin: 20px 0; }
.custom_quotebox .quotebox { width: calc(100% - 500px); max-width: 70%; margin: 20px; position: relative; }
.custom_quotebox .quotebox-wrapper { max-width: 1150px; margin: 0px auto; }
.custom_quotebox .quotebox-wrapper.top { display: none; padding: 20px 20px 10px; }
.custom_quotebox .quotebox .quote:before { width: 9px; height: 8px; background: url("/includes/public/assets/images/quote.png"); content: ''; position: absolute; left: -12px; top: 5px; }
.custom_quotebox .quotebox .quote { font-size: 24px; color: #3f7ec0; font-family: 'brandon-grotesque'; font-weight: 700; position: relative; padding-bottom: 30px; }
.custom_quotebox .quotebox .name { font-size: 16px; color: #676767; font-family: 'brandon-grotesque'; font-weight: 700; position: absolute; right: 20px; bottom: 0px; }
.custom_quotebox .quotebox .jobtitle { font-size: 16px; color: #676767; font-family: 'brandon-grotesque'; font-weight: 700; display: inline-block; }
.custom_quotebox .quotebox .location { font-size: 16px; color: #676767; font-family: 'brandon-grotesque'; font-weight: 400; display: inline-block; }
.custom_quotebox .letter { background: white; position: absolute; right: 5%; top: 5%; width: 420px; max-height: 95%; font-size: 16px; color: #676767; padding: 35px; font-family: 'brandon-grotesque'; font-weight: 400; border: 2px solid #407ec0; }
.custom_quotebox .letter p { font-size: 17px; line-height: 1.4em; font-weight: 400; }
.custom_quotebox .quotebox img { max-height: 650px; }

@media only screen and (max-width: 64em) {
	.custom_quotebox .quotebox { width: 100%; max-width: 100%; }
	.custom_quotebox .quotebox-wrapper { display: none; }
	.custom_quotebox .quotebox-wrapper.top { display: inline-block; }
	.custom_quotebox .letter { position: relative; right: auto; top: auto; width: 100%; max-width: 100%; }
} 

@media only screen and (max-width: 40em) {
	.custom_quotebox .quotebox .quote { line-height: 26px; padding-bottom: 0px; }
	.custom_quotebox .quotebox .name  { position: relative; right: auto; bottom: 0; margin-top: 5px; }
} 

