/*================================================================
Common Styles
================================================================*/

 .about-sidebar,
 #content .individual-content,
 #wrapper,
 #content {
     max-width: 100% !important;
 }
 
 #content .individual-content {
    width: 43.563rem;
}

 #wrapper {
     width: 68.25rem !important;
     max-width: 100% !important;
     margin: 0 auto !important;
     padding: 0 !important;
 }
 
 #header>.inner {
    width: 68.25rem;
 }
 #footer {
    width: 68.25rem;
}

 /*================================================================
}
About
================================================================*/

 .individual h1 {
     max-width: 100%;
 }

 .about h1 {
     margin: 6.875rem 0 1.25rem !important;
	 font-size: 2rem;
	 color: #636363;
 }

 .about .individual-content {
     margin-bottom: 1.563rem;
 }
 
  .about .individual-content img {
     padding-top: 0.38rem;
 }

 .about img.padding-right-10 {
     padding-right: 0.625rem;
 }

 .about .about-sidebar img {
     padding-right: 0.9375rem;
 }

 .about span.link-title {
     text-decoration: none;
     color: #000;
     font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
     font-size: 0.8125rem;
     font-weight: 600;
     line-height: 1.25rem;
     width: 210px;
     vertical-align: top;
     display: inline-block;
     padding-top: 0.625rem;
 }

 .about span.link-title:hover {
     color: #c62a14;
 }

 .about .bottom span {
     display: block;
 }

 .about .divider {
     margin: 1.875rem 0 0.9375rem;
 }

 .about span.subheading {
     font-size: 0.75rem;
 }

 .about-sidebar {
     float: left;
     margin: 0 0 0 5.125rem;
 }

 .about-sidebar p img {
    box-sizing: content-box;
 }

 .about li.about a {
     color: #c62a14 !important;
 }

 .about li.about a:hover {
     color: #534741 !important;
 }

 .raquo {
     color: #c62a14;
 }

 .divider {
     border-bottom: 1px solid #d7d7d7;
     margin: 0 0 0.9375rem;
 }

 .aligncenter {
     text-align: center;
 }

 .about-sidebar p {
     margin: 0 0 0.625rem;
 }

 .individual-content {
     float: left;
 }

 .individual-content p {
     margin: 0 0 0.625rem 0;
	 font-size: 1.03rem;
     line-height: 1.7;
	 color: #222;
 }
 
.individual-content a {
	 color: #19749a;
 }
 
 .individual-content a:hover {
	 color: #c42c1f;
 }

 .clearfloat {
     clear: both;
 }

 .leftalign {
     float: left;
 }

 .rightalign {
     float: right;
	 margin-left: 0.25rem;
 }

 .hide {
     display: none;
 }

 .about #content {
     max-width: 100%;
 }

 .about {
     margin: 0 auto;
     max-width: 100%
 }

 .two_column {
     display: flex;
     flex-direction: row;
 }

 /* ========================================================================== 
    responsive breakpoint styles 
 ============================================================================ */

 /* 
styles for medium screens (1200px)
============================================================================= */

 @media (max-width: 1200px) {
     #footer {
         padding: 1.25rem 5rem !important;
     }
     #content {
         padding: 0 5rem !important;
     }
	 #content .individual-content {
         width: 80%;
     }
	 .about .about-sidebar img {
         max-width: 20%;
     }
	  .about span.link-title {
         max-width: 70%;
     }
     #wrapper {
         margin: 0 !important;
         overflow: visible !important;
         width: 100% !important;
     }
     #content.individual {
         margin: 0 auto;
     }
	 #header>.inner {
         padding: 0.625rem 5rem !important; 
     }
 }

 /* 
styles for medium screens (900px)
============================================================================= */

 @media (max-width: 900px) {
     .two_column {
         flex-wrap: wrap;
     }
     .about-sidebar,
     .individual-content {
         width: 100% !important;
     }
     .about-sidebar {
         margin-left: 0 !important;
		 display: none;
     }
	  .individual-content p {
	     font-size: 1.1rem;
     }
 }

 /* 
styles for medium screens (600px)
============================================================================= */

 @media (max-width: 600px) {
     #footer {
         padding: 1.25rem 1.25rem !important;
     }
     #content {
         padding: 0 1.25rem !important;
     }
     html {
         min-width: 16rem;
     }
	 #header>.inner {
         padding: 0.625rem 1.25rem !important; 
     }
 }

 /* 
styles for medium screens (320px)
============================================================================= */

 @media (max-width: 320px) {}