@charset "UTF-8";
/* CSS Document */
.section-1c{ width:90%; margin-left:5%; clear:both; margin-bottom:20px;} 
.section-2c{ width:90%; clear:both; margin-left:5%;}
.callout{ width:80%; border-left:5px solid #C00; clear:both; padding-left:10px; margin-left:10%;} /* Quote's Red Vertical Line */
.fa-quote-left{ color:#C00; margin-right:10px;} /* Red Quotes */
figure{ text-align:center;}
figcaption{color:#888; margin-top:5px;}
.vertical-text{ display:none;}
#signature{ width:90%; margin-left:5%; clear:both; margin-bottom:20px; border-top:2px solid #C00; border-bottom:2px solid #C00; height:135px;}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width:396px) {
#signature{ height:86px;}
}

@media only screen and (min-width:481px) {
.section-1c{ width:80%; margin-left:10%; margin-bottom:30px;} 
.section-2c{ width:80%; margin-left:10%;}
.callout{ width:70%; margin-left:15%;}
#signature{ width:80%; margin-left:10%;}
}

@media only screen and (min-width:840px) {
.section-1c{ width:60%; margin-left:20%; clear:both; margin-bottom:40px;} 
.section-2c{ width:45%; margin-left:0; clear:none; float:left; padding:10px 2.5% 10px 2.5%;}
.callout{ width:60%; border-left:5px solid #C00; clear:both; padding-left:10px; margin-left:20%;}
.image-1c{ width:120%; margin-left:-10%;}
.vertical-text{ display:block; transform:rotate(270deg); -webkit-transform:rotate(270deg); -ms-transform:rotate(270deg); -moz-transform:rotate(270deg);   position:absolute; font-size:70px; left:-70px; color:#C00; }
#signature{ width:60%; margin-left:20%;}
}