/* apply a natural box layout model */
#container { width:100%; }

/******************************************************************************************************/
@media screen and (max-width:900px)
{
div.view.view-faqs.view-id-faqs > div.view-header > .generic-image > #topImageTitleContainer.designYellow {
    font-size: 300%;
    }
}
@media screen and (max-width:480px)
{
		
#block-system-main > div > .view.view-faqs.view-id-faqs .faqs > .counter {
       font-size: 180%;
     line-height: 150%;
}
.faqs #faqCollapsibleContainer > .collapsible > .list-level-1 {
       font-size: 130%;
      line-height: 120%;
        width: 80%;
}
.FaqPageAboutRowTitle {
    font-size: 130%;
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
}
.maxWidthSet {
     font-size: 130%;
    margin: 0 auto;
    max-width: 100%;
   }
.leftLeaf {
     line-height: 150%;
    width: 35px;
}
.rightLeaf {
    line-height: 150%;
    width: 35px;
}
.yellow-background-image-contentainer > .field.field-name-field-generic-footer-section.field-type-field-collection > .field-items > div.field-item {
  
    width: 100%;
}

.field-name-field-footer-sec-title .field-items {
    background-size: 10% auto;
    font-size: 130%;
     height: auto;
   
    }
.field-name-field-footer-sec-title .field-items > div:first-child {
    background-size: 10% auto;
     height: 100%;
    padding-left: 21%;
    padding-right: 19%;
    line-height:120%;
}

.field-name-field-footer-sec-description .field-items {
    font-size: 140%;
    height: auto;
    line-height: 120%;
    text-align: left;
}
div.view.view-faqs.view-id-faqs > div.view-header > .generic-image > #topImageTitleContainer.designYellow {
       font-size: 150%;
    font-weight: bold;
    width: 100%;
      line-height: 369%;
}
.generic-image {
    background-position: 0 center;
    height:auto;
}
#block-system-main > div > .view.view-faqs.view-id-faqs > div {
    margin: 0 auto;
  width:100%
}

#block-system-main > div > .view.view-faqs.view-id-faqs > .view-content .faqs {
  margin: 5% auto;
    max-width: 95%;
    padding: 1%;
    width: 100%;

}
#block-system-main > div > .view.view-faqs.view-id-faqs > .view-header > div.generic-image {
    border-bottom: 0 solid #E8AD2E;
    min-height: 69%;
    
}
#block-system-main > div > .view.view-faqs.view-id-faqs > .view-header > .yellow-background-image-contentainer {
    display: block;
     margin: -2.9em auto 0;
    max-width: 100%;
    min-width: 90%;
    z-index: 0;
}
div.yellow-background-image-contentainer div.field-name-field-footer-sec-right-image{display:none;}
#faqCollapsibleContainer .answer-container {
     font-size: 1.4em;
    }



}
/******************************************************************************************************************************************/
@media screen and (max-width:420px)
{
#block-system-main > div > .view.view-faqs.view-id-faqs > .view-content .faqs {
margin: 5% auto 8%;
}
}
/*******************************************************************************************************************************************/
@media screen and (max-width:320px)
{
 div.view.view-faqs.view-id-faqs > div.view-header > .generic-image > #topImageTitleContainer.designYellow {
    font-size: 120%;
   line-height: 407%;
  
}

}