.sa-page-about > footer p:first-child,
.sa-page-about > footer p:last-child
 {
	text-align:center;
	margin:2rem auto;
	}
.sa-page-about > footer p:first-child
 {
	width:85%;
	}	
.sa-page-about > footer p:last-child
 {
	width:70%;
	}
.sa-page-about > footer p:first-child span:first-child
 {
	font-weight:bolder;
	}		


.sa-description p {
font-size: 2rem;
}

.about-stress-assess-icons {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  align-items:center;
  -webkit-align-items:center;
  -webkit-justify-content: center;
  justify-content: center;
  flex-direction:row;
  -ms-flex-direction:row;
  flex-wrap:wrap;
  padding:0;
  margin:0 auto 1em auto;
  max-width: 70%;
  font-weight:normal;
        }
  .about-stress-assess-icons > figure {
       flex:1 1 133px;
       padding: 1em .5em; 
       text-align: center;
	   margin:0;
   }
.about-stress-assess-icons figcaption {
   font-weight:inherit;
	 padding:0;
	 margin:.2em 0;
	}
 
.outer-block-with-bg {
  background-color: #FFE0E0;
  padding: 0 0 2rem 0;
  margin:0 auto;
  width: 100%;
}

/*Two big cols */

 .two-big-cols-block {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  align-items:center;
  -webkit-align-items:center;
  -webkit-justify-content: center;
  justify-content: center;
  flex-direction:row;
  -ms-flex-direction:row;
  flex-wrap:wrap;
  padding:0;
  margin:0 auto;
  width: 100%;
  font-weight:normal;
  background-color: white;
   }
 
 .two-big-cols-block > section {
  display: block;
  padding: 1em .5em; 
  text-align: center;
  margin:0;
  width: 100%;
   }
   
   @media screen and (min-width: 991px) { 
  .two-big-cols-block > section { 
  flex:1;
  }

}
  
.two-big-cols-block section
 { 
  position: relative; 
  padding: 0;
 }  

.two-big-cols-block section div.text-content,
.two-big-cols-block section div.text-content-overlay
 {
  background: rgba(0,0,0,0.5);
  color: white;
  cursor: pointer;
  display: table;
  left: 0;
  position: absolute;
  top: 0;
  opacity: 0;
  padding: 1em;
  width:100%;
  height: auto;
  
}

@media screen and (min-width: 991px) { 
 .two-big-cols-block section div.text-content,
.two-big-cols-block section div.text-content-overlay
 {
  min-width: 100%;
  max-width: 738px;
  height: 446px;
 }

}
@media screen and (min-width: 1199px) { 
 .two-big-cols-block section div.text-content,
.two-big-cols-block section div.text-content-overlay
 {
  height: 543px;

 }

}


.two-big-cols-block section div.text-content
 {
  background: rgba(0,0,0,0);   
  padding:1em;
  opacity:1;
 }


.two-big-cols-block section div.text-content-overlay
 {
  /*background-color:#5B5B5B;*/
  background: rgba(0,0,0,0.5); 
  font-size:1.2rem;
  padding:1.1em;
  opacity:0;
}
@media screen and (min-width: 469px) { 

.two-big-cols-block section div.text-content-overlay
 {
  font-size:2rem;
 }
}

.two-big-cols-block section div.text-content-overlay p
 {
   margin:.5em 0;
   line-height: 1.35;
 }
 @media screen and (min-width: 469px) { 
  .two-big-cols-block section div.text-content-overlay p
 {
  line-height: 1.25;
 }
 }
 
.two-big-cols-block section div.text-content h1,
.two-big-cols-block section div.text-content-overlay div
 {
  display: table-cell;
  font-weight: 400;
  line-height: 1.2;
}

.two-big-cols-block section div.text-content h1
 {
  vertical-align: middle;
  width: 95%;
  font-size: 3rem;
  padding: 1rem 1rem 15rem 1rem;
  margin-top: 0;
  text-align: center; 
}

@media screen and (min-width: 469px) { 
.two-big-cols-block section div.text-content h1
 {
  font-size: 5rem;
  padding-top: 2rem;
 }
}

.two-big-cols-block section div.text-content-overlay div
 {
  vertical-align: top;
}


.two-big-cols-block section:hover div.text-content-overlay
 {
  opacity: 1;
}
.two-big-cols-block section:hover div.text-content
 {
  opacity: 0;
}

.two-big-cols-block section div.text-content,
.two-big-cols-block section div.text-content-overlay
 {
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  -ms-transition: opacity 500ms;
  transition: opacity 500ms;
}

.good-place-to-start,
.cdn-needs,
.sa-page-about .psychosocial-hazards-block,
.human-side-block,
.economic-costs-block,
.sources-stress-block,
.get-started-block
{
  margin: 0 auto;
  padding: 1em; 
  text-align: center;
}


.good-place-to-start img,
{
  padding-top: 2rem; 
}

.good-place-to-start h2,
.cdn-needs h1,
.human-side-block h1,
.economic-costs-block h1,
.sources-stress-block h1
  {
    font-size: 5rem;
  }
  .good-place-to-start h2
  {
    margin-bottom: 3rem;
  }
.good-place-to-start p,
.cdn-needs p,
.sa-page-about .psychosocial-hazards-block p
{ 
font-size: 2rem;
}

.cdn-needs p
{ 
padding: 1rem 0 4rem 0;
}

/*Canadian Needs block */

.cdn-needs-block { 
  font-weight: 400;
  line-height: 1.2;
  color:#fff;
  text-align: left;
  position: relative;
}

.cdn-needs-block #good-news,
.cdn-needs-block #good-climate,
.cdn-needs-block #toxic-climate,
.cdn-needs-block #bad-news
 {
  background-size: cover;
  background-color: transparent;
  background-repeat: no-repeat;
  min-width: auto;
  min-height:300px; 
}
.cdn-needs-block #other 
 {
  margin: 0 auto;
  padding: 1em;
  max-width: 100%;
  height: auto;
  text-align: center;
}

.cdn-needs-block #good-news {
  background-image: url(../sa_img/canadian_need1.png);
}
.cdn-needs-block #good-climate {
  background-image: url(../sa_img/canadian_need2.png);
}
.cdn-needs-block #toxic-climate {
  background-image: url(../sa_img/canadian_need3.png);
}
.cdn-needs-block #bad-news {
  background-image: url(../sa_img/canadian_need4.png);
}
/*.cdn-needs-block #other {
  background-image: url(../sa_img/pie_chart2.png);
}*/

        img.smallscreen { 
                display: block;
                margin: 0 auto;
                text-align: center;
            }
        img.largescreen { 
                display: none; 
            }

.cdn-needs-block section { 
padding:2rem;
max-width: 527px; 
} 

.cdn-needs-block section#bad-news { 
padding-right: 1rem;
} 


@media screen and (min-width: 568px) { 
 .cdn-needs-block #good-news,
.cdn-needs-block #good-climate,
.cdn-needs-block #toxic-climate,
.cdn-needs-block #bad-news
 {
  width: 527px;
  height: 335px;
  min-width: 100%;
  min-height:100%; 
}

}


@media screen and (min-width: 1199px) {
    .cdn-needs-block {
      display: block;
     }
     
 
  @supports (display: grid)
{
    .cdn-needs-block 
	{
     display: grid;
     /*grid-template-columns: repeat(2, 1fr);*/
     grid-template-columns: repeat(auto-fit, minmax(527px, 1fr));
     padding: 0;
     margin: 0;
     width: auto;
     }
    /*.cdn-needs-block > * { 
    flex: 1;
   }*/   
  }
.cdn-needs-block #other { 
position: absolute;
top:170px;
bottom:0;
left: 360px;
right: 0;
max-width: 32%;
max-height: 32%;
margin:0;
background-color: none;
}

img.smallscreen 
          { 
            display: none;
          }
img.largescreen { 
                display: block; 
            }          

}




.cdn-needs-block .content-holder { 
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  flex-direction:row;
  -ms-flex-direction:row;
  flex-wrap:wrap;
  padding:0;
  margin:0;
  width: 100%;
}
.cdn-needs-block .content-holder .description { 
 flex:3 200px;
 font-size: 2rem;
}

.cdn-needs-block .content-holder .description p { 
 line-height: 1.5;
}


.cdn-needs-block .content-holder .percent { 
 flex:1 50px;
}

.cdn-needs-block .content-holder .percent { 
 font-size: 8rem;
 padding-right: .2em;
align-self: center;
}

.cdn-needs-block #good-news h1,
.cdn-needs-block #bad-news h1
 { 
font-weight: 300;
font-size: 4rem;
}


.cdn-needs-block #good-news .percent
 { 
padding-left: .1em;
}
.cdn-needs-block #good-climate,
.cdn-needs-block #toxic-climate
 { 
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  flex-direction:row;
  -ms-flex-direction:row;
  flex-wrap:wrap;
  align-items: flex-end;
}

.cdn-needs-block #good-climate h1,
.cdn-needs-block #toxic-climate h1 { 
font-size: 3rem;
text-align: center;
width: 80%;
margin: 0 auto;
}


/*Phsychosocial icons row */

.about-phsychosocial-icons {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-justify-content: center;
  justify-content: center;
  align-content: flex-start;
  flex-direction:row;
  -ms-flex-direction:row;
  flex-wrap:wrap;
  padding:0;
  margin:0 auto 1em auto;
  font-weight:normal;
        }
  .about-phsychosocial-icons > figure {
       flex:1 1 133px;
       padding: 1em .2em; 
       text-align: center;
       margin:0;
   }
.about-phsychosocial-icons figcaption {
   font-weight:inherit;
   padding:0;
   margin:.2em 0;
  }

@supports (display: grid)
{
    .about-phsychosocial-icons {
   display: grid;
   grid-gap: 5px;
   grid-template-columns: repeat(auto-fit, minmax(133px, 1fr));
   width: auto;
     }
}

/*Human Side block */

.human-side-block {
  background-color: #eee;
}
.human-side-block h1 ~ p
{ 
font-size: 3rem;
margin-bottom: 2rem;
}
.human-side-block .hazards-icons-block ~ p {
  font-size: 2rem;
  margin: 2rem auto 4rem auto;
}

.human-side-block .hazards-icons-container {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -webkit-justify-content: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 auto;
  max-width:1000px;
  width: 80%;
  text-align: center;
}

.human-side-block .hazards-icons-container-item {
 flex:1 0 150px;
 margin: .5em .5em;
 align-self: stretch;
 text-align: center;
}
.human-side-block .hazards-icons-container-item img { 
margin: 0 auto;
}
.human-side-block .hazards-icons-container p { 
 min-width: 133px;
 text-align: center;
 margin: .5em auto;
 font-weight: bold;
}



@media screen and (min-width: 760px) {
 @supports (display: grid)
{
    .human-side-block .hazards-icons-container {
     display: grid;
   grid-gap: 20px;
   grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
   grid-template-rows: repeat(2, auto);
   width: auto;
     }
    .human-side-block .second-row-item-1 {
   grid-column-start: 2;
   grid-column-end: 3;
   grid-row-start: 2;
   grid-row-end: 3;
}
.human-side-block .second-row-item-2 {
   grid-column-start: 3;
   grid-column-end: 4;
   grid-row-start: 2;
   grid-row-end: 3;
} 
.human-side-block .second-row-item-3 {
   grid-column-start: 4;
   grid-column-end: 4;
   grid-row-start: 2;
   grid-row-end: 3;
} 
}



}


.human-side-block .hazards-icons-container .hazards-icons-container-item .black-tooltip + .tooltip > .tooltip-inner {
  background-color: rgba(0,0,0,0.7);
  color: #fff;
  font-size: 1.1em;
  font-weight: 700;
  /*width: 230px;
  height: 160px;*/  
  padding: .5em;
  margin: 0;
  line-height: 1.3;
  text-align: left;
  border-radius: 5px;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
  font-family: Helvetica, Arial, sans-serif;
}
.human-side-block .hazards-icons-container .hazards-icons-container-item .tooltip.in {
  filter: alpha(opacity=100);/*in Bootstrap it was 90*/
  opacity: .9;/*in Bootstrap it was .9*/
}

/* Symptoms body graph starts */
.symptoms-chart-outer header h1
 {
font-size: 3rem;
margin-bottom: 0;
padding-bottom:0; 
}

.symptoms-chart svg
 {
	max-width:100%;
	height: auto;
	}

@media screen and (min-width: 760px) { 
.symptoms-chart svg {
  max-width: 1500px;
  width:100%;
  height: 600px;
  
  }

}
       .symptoms-chart svg .outer-container {
		   fill: #fff;
		   font-family: HelveticaNeue, Helvetica Neue;
		   } 
	   .symptoms-chart svg .outer-target-icon {
		   stroke: #e00034;
           stroke-width: 3px;
		   } 
      .symptoms-chart svg .outer-target-icon,
	  .symptoms-chart svg .description-box
	   {
        fill: #fff;
      }
      .symptoms-chart svg .outer-target-icon-1 {
        fill: #e00034;
      }
	  .symptoms-chart svg .description-box {
		  fill:#fff;
		  }
      .symptoms-chart svg .inner-target-icon-1  {
        stroke: none;
      }
      .symptoms-chart svg .inner-target-icon-2  {
        fill: none;
      }
 
    	  .symptoms-chart svg .energy-block .energy-description,
		  .symptoms-chart svg .immunity-block .immunity-description,
		  .symptoms-chart svg .digestion-block .digestion-description,
		  .symptoms-chart svg .pain-block .pain-description,
		  .symptoms-chart svg .circulation-block .circulation-description
		   { 
		  display:none;
		  }
		  
	   .symptoms-chart svg .energy-block:hover .energy-description,
	   .symptoms-chart svg .immunity-block:hover .immunity-description,
	   .symptoms-chart svg .digestion-block:hover .digestion-description,
	   .symptoms-chart svg .pain-block:hover .pain-description,
	   .symptoms-chart svg .circulation-block:hover .circulation-description,
	   
	   .symptoms-chart svg .energy-block:focus .energy-description,
	   .symptoms-chart svg .immunity-block:focus .immunity-description,
	   .symptoms-chart svg .digestion-block:focus .digestion-description,
	   .symptoms-chart svg .pain-block:focus .pain-description,
	   .symptoms-chart svg .circulation-block:focus .circulation-description
	      {
		   display:inherit;
 		   }
	   
	   .symptoms-chart svg .symptom-title
	      {
		   font-size: 24px;  
		   font-weight:normal;	  
	    }
		  
	   .symptoms-chart svg .energy-block:hover .symptom-title,
	   .symptoms-chart svg .immunity-block:hover .symptom-title,
	   .symptoms-chart svg .digestion-block:hover .symptom-title,
	   .symptoms-chart svg .pain-block:hover .symptom-title,
	   .symptoms-chart svg .circulation-block:hover .symptom-title
	      {
	       stroke: #E10034;
		  }
	 
/* Symptoms body graph ends */

/* Economic costs block starts */
.economic-costs-block .three-boxes {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  align-items: center;
  -webkit-align-items: center;*/
  -webkit-justify-content: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 auto;
  width:100%;
  font-size: 1.3em;
}
.economic-costs-block .content-box { 
flex:1 1 33.33333333%;
margin:0;
min-width: 270px;
max-width: 349px;
padding: 1em;
background-color: #9B9B9B;
color: #fff;
font-weight: 300;
}

.economic-costs-block .content-box img { 
margin:0 auto 1rem auto;
}
.economic-costs-block .content-box:nth-child(1) img { 
margin-top:1rem;
}

.economic-costs-block .content-box#middle-box { 
background-color: #E10034;
min-height: 280px;
min-width: auto;
padding-top: 5rem;
padding-bottom: 3rem;
border-radius:20px;
margin-top: 1rem;
margin-bottom: 1rem;
}
@media screen and (min-width: 621px) { 
.economic-costs-block .content-box#middle-box { 
margin-top: 0;
}

}
@media screen and (min-width: 614px) and (max-width: 1199px) { 
.economic-costs-block .content-box#middle-box { 
margin-left: 1rem;
margin-bottom: 0;
}
.economic-costs-block .content-box:nth-child(3) { 
margin-top: 1rem;
}

}

.economic-costs-block .content-box#middle-box span { 
 display: block;
}
.economic-costs-block .content-box#middle-box span:nth-child(2) { 
 font-size: 10em;
 display: table;
 padding: 0;
 margin: 0;
}
.economic-costs-block .content-box#middle-box span:nth-child(2) #dollar { 
font-size: .5em;
padding: 25px 0 0 0;
margin:0;
display: table-cell;
vertical-align: top;
}
.economic-costs-block .content-box#middle-box span:nth-child(3) { 
 font-size: 3.2em;
 margin:-40px 0 0 0;
 padding:0;
}
.economic-costs-block .content-box#middle-box span:nth-child(4) { 
 text-align: right;
}
/* Economic costs block ends */


/*Sources of Stress svg styles start */
 
 .sources-stress-chart svg {
  max-width:100%;
  width:100%;
  height:auto;
 }
 
@media screen and (min-width: 760px) { 
.sources-stress-chart svg {
  max-width: 1500px;
  width:100%;
  height: 600px;
  }

}
.sources-stress-chart svg .outer-container { 
font-family: HelveticaNeue, Helvetica Neue;
}

  .sources-stress-chart .finances-block .finances-description,
  .sources-stress-chart .family-block .family-description,
  .sources-stress-chart .time-block .time-description,
  .sources-stress-chart .personal-other-block .personal-other-description,
  .sources-stress-chart .work-block .work-description
		   { 
		  display:none;
		  }
		  
	   .sources-stress-chart svg .finances-block:hover .finances-description,
	   .sources-stress-chart svg .family-block:hover .family-description,
	   .sources-stress-chart svg .time-block:hover .time-description,
	   .sources-stress-chart svg .personal-other-block:hover .personal-other-description,
	   .sources-stress-chart svg .work-block:hover .work-description,
	   .sources-stress-chart svg .finances-block:focus .finances-description,
	   .sources-stress-chart svg .family-block:focus .family-description,
	   .sources-stress-chart svg .time-block:focus .time-description,
	   .sources-stress-chart svg .personal-other-block:focus .personal-other-description,
	   .sources-stress-chart svg .work-block:focus .work-description
	      {
		   display:inherit;
		   }
 
      .sources-stress-chart svg .source-title
	      {
		   font-weight:normal;	  
		   font-size: 24px;
		   font-family: HelveticaNeue, Helvetica Neue;
		  }
 
      .sources-stress-chart svg .finances-block:hover .source-title,
	  .sources-stress-chart svg .family-block:hover .source-title,
	  .sources-stress-chart svg .time-block:hover .source-title,
	  .sources-stress-chart svg .personal-other-block:hover .source-title,
	  .sources-stress-chart svg .work-block:hover .source-title
	      {
	   stroke: #E10034;
	     }
	 
 .sources-stress-chart svg .dot-connector, /*.sources-stress-chart .cls-1*/ 
 .sources-stress-chart .cls-10 {
        fill: #b1b3b4;
      }

.sources-stress-chart svg .dot-connector {
	stroke:none;
	fill:none;
	}

.sources-stress-chart svg .inner-space-pie {
	fill:#fff;
	}
      .sources-stress-chart .cls-1,
	  .sources-stress-chart .cls-9 {
        stroke: #95989a;
      }

      .sources-stress-chart svg .work-section {
        fill: #e00034;
      }

      .sources-stress-chart svg .personal-section  {
        fill: #c4c4c4;
      }

      .sources-stress-chart svg .family-section {
        fill: gray;
      }

      .sources-stress-chart svg .time-section {
        fill: #454a4e;
      }

      .sources-stress-chart .cls-18, 
	  .sources-stress-chart .cls-6 
	 {
        fill: #fff;
      }

      .sources-stress-chart .cls-14 {
        fill: #121c24;
      }

      .sources-stress-chart svg .description-box
	   {
        font-size: 21px;
        font-family: HelveticaNeue, Helvetica Neue;
		fill: #fff;
	   }

     
	    .sources-stress-chart svg .dollar-sign {
        font-size: 59px;
		fill: #fff;
      }

      .sources-stress-chart svg .desc-box-title 
	  {
        font-family: HelveticaNeue-Bold, Helvetica Neue;
        font-weight: 700;
		font-size: 24px;
      }

      /*.sources-stress-chart .cls-22, */
	  .sources-stress-chart .cls-9 {
        fill: none;
      }

      .sources-stress-chart .cls-11 {
        fill: #4b4b4b;
      }

     

      .sources-stress-chart .cls-15 {
        fill: #151415;
      }

      .sources-stress-chart .cls-16, 
	  .sources-stress-chart .cls-17 {
        stroke: #000;
        stroke-width: 3px;
      }

      .sources-stress-chart .cls-17, 
	  .sources-stress-chart .cls-18 {
        stroke-miterlimit: 10;
      }

      .sources-stress-chart .cls-18 {
        stroke: #fff;
        stroke-width: 0.5px;
      }

      .sources-stress-chart .cls-19 {
        fill: rgba(0,0,0,0.71);
      }

      .sources-stress-chart .cls-20 {
        fill: #fefefe;
      }

      /*.sources-stress-chart .cls-21 {
        stroke: none;
      }*/
/*Sources of Stress svg styles end */

/* More About styles start */
.more-about-collapse-bar {
  margin: 5rem 0 8rem 0;
  padding: 0;
  width: 100%;
}
.more-about-collapse-bar h2 {
  font-size: 100%;
  font-weight: 700;
  margin-top: 2rem;
}

.more-about-collapse-bar .panel-heading {
  position: relative;
  height: 2.2em;
  margin: 0;
  padding: 0;
}

.more-about-collapse-bar .panel-heading:first-of-type {
  margin: 0;
  padding:0;
}

.more-about-collapse-bar .panel-collapse {
  background: transparent;
  padding-top: .5em;
}
.more-about-collapse-bar .panel-body { 
font-size: 2rem;
}
.more-about-collapse-bar .panel-heading a 
{ 
  background-image: url('../sa_img/upArrow_white.png');
}

.more-about-collapse-bar .panel-heading a {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-position: 80% 50%;
  background-repeat: no-repeat;
  background-size: 1.5em;
  height: 2.2em;
  display: inline-block;
  padding: 1rem 2rem 1rem 0;
  margin: 0 auto;
  background-color: #fff;
  min-width: 200px;
  max-width: 220px;
  border: 1px solid #E10034;
  text-align: center; 
  font-size: 2rem;


}

.more-about-collapse-bar .panel-heading a.collapsed 
{  
  background-image: url('../sa_img/downArrow_white.png');
}


.more-about-collapse-bar .panel-heading a:hover {
  text-decoration: none;
}

/* More About styles end */

.get-started-block {
 background-color: #FDC6C6;
 padding: 2rem 0 0 0;
 margin:0;
}
.get-started-block p { 
font-size: 2rem;
}
.get-started-block .get-started-btn {
  display: inline-block;
  padding: 1rem 2rem;
  margin: 3rem 0;
  background-color: #fff;
  min-width: 250px;
  max-width: auto;
  border: 1px solid #E10034;
  text-align: center; 
  font-size: 3rem;
  text-transform: uppercase;
}