.article {
	 margin-top: 10rem;
	 display: grid;
	 grid-template-columns: auto;
}
 .sb-submit-story {
	 margin-top: 1.5rem;
	 padding: 2rem 1.5rem;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
	 box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
}
.sb-submit-story  .button.secondary{
    background-color: #217dae;
    color: #fff;
    margin-bottom: 0;
    text-transform: none;
    border-radius: 7px;
    padding: 0.8rem 1rem;
    letter-spacing: normal;
}
.sb-submit-story h3 {
	font-size: 1.411rem;
	font-weight: 600;
	margin-bottom: 0.8em;
}
.sb-submit-story  .button.secondary:hover {
    background-color: #135e86;
}

 .counter {
	 counter-reset: section;
}
 .counter h2::before {
	 counter-increment: section;
	 content: counter(section) ". ";
}
 .story-snippets {
}
 .story-snippets section {
	 padding: 0;
}
 .story-snippets figure{
	 float: left;
	 padding: 0 20px 20px 0;
}
 .story-snippets figure img{
	 margin-bottom: 10px;
	 width: 100;
	 height: 100;
}
 .story-snippets figure figcaption{
	 font-size: 0.705rem;
	 display: block;
}
 @media screen and (min-width: 40em) {
	 .article {
		 grid-template-columns: 5fr 13fr;
	}
}
 .article ul {
	 list-style: none;
	 margin: 0;
}
 .article h1 {
	 font-weight: 700;
	 color: #08133f;
}
 .article h2:not(.sub-heading) {
	 font-size: 1.65rem;
	 margin-top: 2.5rem;
	 font-weight: 700;
}
 @media screen {
	 .article aside {
		 box-sizing: border-box;
		 padding: 1rem;
		 display: none;
	}
}
 @media screen and (min-width: 40em) {
	 .article aside {
		 display: block;
	}
}
 .article aside .sidebar {
	 display: block;
	 position: sticky;
	 top: 10rem;
	 margin-bottom: 3rem;
}
 .article aside .sidebar a {
	 font-family: "Montserrat", "helvetica neue", helvetica, Arial, sans-sarif;
}
 .article aside .sidebar h3 {
	 text-transform: capitalize;
	 font-weight: 500;
}
 .article aside .sidebar .article-info {
	 box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
	 padding: 1.75rem;
}
 .article aside ul, .article aside ol {
	 list-style: none;
	 margin: 0;
	 padding: 0;
}
 .article aside ul li, .article aside ol li {
	 padding: 15px 0;
}
 .article aside ul li:not(:last-child), .article aside ol li:not(:last-child) {
	 border-bottom: 1px solid #b6b6b6;
	 line-height: 1.25;
}
 .article aside ul li a, .article aside ol li a {
	 font-weight: 700;
}
 .article aside .author {
	 font-size: .77rem;
	 text-align: center;
}
 .article aside .author p {
	 font-size: .77rem;
	 margin: 0;
}
 .article aside .author p.name {
	 text-transform: none;
	 letter-spacing: 2px;
	 color: #08133f;
	 font-weight: 600;
}
 .article aside .author p.title {
	 text-transform: capitalize;
}
 .article aside .author img {
	 border-radius: 50%;
	 width: 65%;
	 margin-bottom: .5rem;
}
 .article .key-points {
	 margin-top: 1rem;
	 padding-top: 3rem;
	 grid-column: 1 / span 2;
}
 @media screen and (min-width: 40em) {
	 .article .key-points {
		 width: 100%;
		 border-top: 1px solid;
	}
}
 .article .key-points ul, .article .key-points ol {
	 list-style: none;
	 margin: 0;
	 padding: 0;
}
 .article .key-points ul li, .article .key-points ol li {
	 padding: 15px 0;
}
 .article .key-points ul li:not(:last-child), .article .key-points ol li:not(:last-child) {
	 border-bottom: 1px solid #b6b6b6;
	 line-height: 1.25;
}
 .article .key-points ul li a, .article .key-points ol li a {
	 font-weight: 700;
}
 .article .key-points h3 {
	 text-transform: capitalize;
}
 .article .subscribe {
	 margin-top: 1.5rem;
	 display: flex;
	 flex-direction: column;
	 background: #039be5;
	 text-align: center;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
	 padding: 2rem 1.5rem;
}
 .article .subscribe form {
	 padding: 0;
	 margin: 0;
}
 .article .subscribe h3, .article .subscribe p, .article .subscribe button {
	 color: #fff;
}
 .article .subscribe input:not(.button) {
	 background: #fff;
	 border: 0;
	 height: 3rem;
	 flex: 1 auto;
}
 .article .subscribe button {
	 background: #f1c300;
	 border-radius: 0;
	 color: #08133f;
	 flex: 0 3rem;
	 height: 3rem;
	 width: 3rem;
}
 .article .subscribe form label {
	 text-align: left;
	 padding: 0;
	 margin: 0;
	 line-height: 1;
	 color: #fff;
	 font-size: 1rem;
	 font-weight: 500;
}
 .article .subscribe form input[type="checkbox"] {
	 font-size: 1rem;
	 height: 1rem;
	 line-height: 1;
}
 .article .subscribe .mail {
	/*display: flex;
	*/
}
 .article .related-programs {
	 margin-top: 1.5rem;
	 padding: 2rem 1.5rem;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
	 box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
}
 .article .related-programs h3{
	 text-transform: capitalize;
}
 .article article {
	 box-sizing: border-box;
	 padding: 1rem;
	 display: grid;
	 grid-template-columns: 75px auto;
	 grid-template-rows: auto;
	 grid-template-areas: 'social heading''social stats''social heading-mobile''article-body article-body';
}
 @media screen and (min-width: 40em) {
	 .article article {
		 grid-template-areas: 'heading heading''stats stats''social article-body';
	}
}
 .article article h1 {
	 border-bottom: 1px solid #08133f;
	 padding-bottom: 3rem;
}
@media screen and (max-width: 28.75em){
    .article article h1 {
	 font-size: 9vw;
	 word-break: break-word;
}
    
}
 .article article .quote h2 {
	 font-size: 2.2rem;
	 margin-bottom: 2rem;
	 font-style: italic;
	 font-weight: 400;
	 border-bottom: 1px solid #08133f;
	 padding-bottom: 2rem;
}
 .article article .quote blockquote {
	 font-family: "Montserrat", "helvetica neue", helvetica, Arial, sans-sarif;
	 font-size: 1.8rem;
	 margin-bottom: 2rem;
	 font-style: italic;
	 font-weight: 400;
	 border-bottom: 1px solid #08133f;
	 padding-bottom: 2rem;
	 line-height: 1.5;
	 border-left: 0;
	 border-right: 0;
	 color: #08133f;
}
 .article article .quote~.quote h2 {
	 border-top: 1px solid #08133f;
	 padding: 2rem 1rem 2rem 2rem;
}
 .article article .quote~.quote blockquote {
	 font-family: "Montserrat", "helvetica neue", helvetica, Arial, sans-sarif;
	 border-top: 1px solid #08133f;
	 padding: 2rem 1rem 2rem 2rem;
	 margin: 1em auto;
}
 .article article .reg-text > p:first-of-type:first-letter {
	 font-size: 3rem;
	 line-height: 1;
	 font-weight: 700;
	 font-style: italic;
	 margin-right: 3px;
}
 .article article .reg-text~.reg-text p:first-of-type:first-letter {
	 font-size: 1rem;
	/*line-height: 1;
	*/
	 font-style: normal;
	 font-weight: normal;
	 margin-right: 0;
}
 .article article .image {
	 margin: 2rem 0;
}
 .article article .sub-heading {
	 border-bottom: 1px solid #08133f;
	 padding-bottom: 2rem;
	 margin-bottom: 2rem;
	 font-style: italic;
	 font-weight: 400;
}
 .article article .sub-heading.mobile {
	 grid-area: heading-mobile;
	 border-bottom: none;
}
 .article article .article-heading {
	 grid-area: heading;
}
 .article article .stats {
	 grid-area: stats;
	 display: flex;
	 align-items: center;
	 width: 100%;
}
 .article article .stats p {
	 font-size: .77rem;
	 font-weight: 600;
	 padding: 0;
	 margin: 0;
}
 .article article .stats .article-details {
	 display: flex;
	 align-items: center;
	 flex: 1 auto;
}
 .article article .stats .article-details .author-name {
	 margin-left: 5px;
	 text-transform: capitalize;
}
 .article article .stats .article-details .author-name:after {
	 content: '|';
	 padding: 0 5px;
}
 .article article .stats .article-details img.author {
	 border-radius: 50%;
	 height: 2rem;
	 margin-right: .5rem;
}
 .article article .stats .article-details .date {
	 text-transform: none;
}
 .article article .stats .print-article {
	 text-transform: capitalize;
	 font-size: .77rem;
	 flex: 0 200px;
	 text-align: right;
	 color: #08133f;
	 font-weight: 600;
}
 .article article .social {
	 grid-area: social;
}
 .article article .social ul {
	/*position: sticky;
	*/
	 top: 12rem;
	 margin: 2rem auto 3rem;
}
 .article article .social ul li a {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 text-align: center;
	 border-radius: 2rem;
	 width: 2rem;
	 height: 2rem;
	 background: #039be5;
	 color: #fff;
	 margin-bottom: 1.5rem;
}
 .article article .body {
	 grid-area: article-body;
	/* display: grid;
	*/
	/*grid-template-columns: 5fr 13fr;
	*/
	/*grid-template-areas: ;
	*/
	 border-top: 1px solid;
	 padding-top: 2rem;
}
 @media screen and (min-width: 40em) {
	 .article article .body {
		 width: 100%;
		 border-top: none;
		 padding-top: 0;
	}
}
 .article article .body .key-points {
	 margin-top: 1rem;
	 grid-column: 1 / span 2;
	 box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
	 padding: 1.75rem;
	 margin-bottom: 2rem;
}
 @media screen and (min-width: 40em) {
	 .article article .body .key-points {
		 width: 100%;
		 border-top: none;
	}
}
 .latest-articles {
	 border-top: 1px solid #08133f;
	 margin-top: 2rem;
	 padding-top: 2rem;
}
 .latest-articles h2 {
	 font-weight: 700;
}
 .latest-articles .latest-article {
	 margin-bottom: 5rem;
}
 .latest-articles .latest-article h3 {
	 font-weight: 700;
}
 .latest-articles .latest-article .info {
	 font-size: .77rem;
}
 .latest-articles .latest-article p.info {
	 margin-top: .5rem;
}
 #article-index {
}
 #article-index .articles {
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: space-between;
}
 #article-index .articles .article-cell {
	 width: 32%;
}
 @page {
	 margin-top: 3cm;
}
 @media print {
	 body, p {
		 font-size: 12pt;
	}
	 a {
		 word-wrap: break-word;
		 color: #000;
	}
	 .body a::after {
		 content: '[ 'attr(href) ' ]';
		 font-style: italic;
	}
	 body .author-email a::after {
		 display: none;
	}
	 img {
		 max-width: 375pt !important;
		 display: block;
	}
	 .grid-container {
		 max-width: 100%;
	}
	 #header-bar {
		 display: none;
	}
	 footer {
		 display: none;
	}
	 #privacy-notice-modal {
		 display: none;
	}
	 #website-feedback {
		 display: none;
	}
	 #banner {
		 display: none;
	}
	 #global-header {
		 display: none;
	}
	 #nav-main {
		 display: none;
	}
	 #search-overlay {
		 display: none;
	}
	 h1 {
		 color: #f00;
	}
	 #action-bar {
		 display: none;
	}
	 body .article {
		 display: grid;
		 grid-template-columns: 25% 75%;
		 margin-top: 0 !important;
	}
	/* blockquote, .article article .quote blockquote {
		 border: none;
		 padding-bottom: 0;
		 padding-left: 0;
	}
	 .article article .quote~.quote blockquote {
		 border: 0;
		 padding-left: 0;
		 margin: 0;
		 padding: 1em 0 0 0;
	}
	*/
	 body .article article .quote:first-of-type blockquote {
		 border: 0;
		 padding: 0;
	}
	 .article article .article-heading {
		 margin-top: 0;
		 padding-bottom: 0;
	}
	/*.article aside {
		 display: inline-block;
	}
	*/
	 .article article {
		 grid-template-areas: 'heading heading''article-body article-body';
		 display: block;
		 padding-top: 0;
	}
	 .article article .stats {
		 display: none;
	}
	 .article article .body {
		 border: 0;
		 padding-top: 1em;
	}
	 .article article .body img {
		 display: none;
	}
	 .article article h1 {
		 border: 0;
		 line-height: 1;
	}
	 .article article .image {
		 page-break-before: auto;
		 page-break-inside: avoid;
	}
	 .article article .image {
		 display: none;
	}
	 .article aside .sidebar {
		 position: relative;
		 top: 0;
	}
	 .article aside .sidebar img {
		 margin-left: auto;
		 margin-right: auto;
	}
	 .key-points {
		 display: none;
	}
	 .social-share {
		 display: none;
	}
	 .related-programs {
		 display: none;
	}
	 .subscribe, .article .subscribe {
		 display: none;
	}
	/* a[href]:after {
		 content: none;
	}
	 a {
		 text-decoration: none;
	}
	 */
	 .print-logo {
		 padding: 0 1.75em 1em;
		/*padding: 1.75em 1.75em 1em;
		*/
		 text-align: center;
	}
	 .print-logo img {
		 width: 100%;
		 max-width: 200px !important;
	}
	 .embeddedServiceHelpButton {
		 display: none !important;
	}
	 .video-wrapper {
		 display: none;
	}
	 .latest-articles {
		 display: none;
	}
	/*h2 {
		*/
		/* break-before: always;
		*/
		/*
	}
	*/
	 h3, h4, p {
		 break-after: avoid;
	}
	 pre, blockquote {
		 display: block;
		 break-inside: avoid;
	}
	 blockquote {
		 break-before: auto;
		 break-before: auto;
	}
	/*for firefox only */
	/*215.9 × 279.4 millimeters (= 8.5in by 11in)*/
	 @-moz-document url-prefix() {
		 * {
			/*border: 1px solid pink !important;
			*/
			 overflow: visible !important;
		}
		 body pre, body blockquote {
			 break-inside: auto;
		}
		 body .article, .article article, .article .stats, .article article .body, .grid-x:not(.latest-articles) {
			 display: block !important;
		}
		 .article article {
			/* Old Chrome, Safari and Opera */
			 -webkit-column-count: 2;
			 -webkit-column-gap: 40px;
			 -webkit-column-rule: 1px solid #999;
			/* Old Firefox */
			 -moz-column-count: 2;
			 -moz-column-gap: 40px;
			 -moz-column-rule: 1px solid #999;
			/* >Standard syntax */
			 column-count: 2;
			 column-gap: 40px;
			 column-rule: 1px solid #999;
		}
		 .article aside {
			 display: none;
		}
		 .article article .stats .print-article {
			 display: none;
		}
		 .article article .image {
			 display: block;
			 max-width: 100%;
		}
	}
}
