#design, #why
{
  background-color: #F7F5F2;
}
#benefits
{
  background-color: #FFFFFF;
}
#signup
{
  background-color: #D4EBED
}
#header
{
  background: url(../images/Quarterly_bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.header-title
{
  font-size: 50px;
  color: #FFFFFF;
  font-family: 'Verlag Bold';
  line-height: 55px;
}
.header-text
{
  font-size: 18px;
  color: #FFFFFF;
}
b
{
  font-family: 'Verlag Bold';
}
html,body{
  overflow-x: hidden;
}
.flex-grow
{
  flex-grow: 1;
}
.aboutbanner
{
  background: url(../images/banner_bg.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.newsheadline
{
  font-size: 64px;
  position: relative;
  top: 20px;
}
.big-icon
{
  width: 100px;
  height: 100px;
}
.cap
{
  font-size: 20px;
  color: #FFFFFF;
  text-transform: capitalize;
}
.why-head
{
  font-size: 28px;
  color: #29686D;
}
.anchor-txt
{
  color: #6E6D72;
  font-family: 'Verlag Book';
  font-size: 18px;
  padding-bottom:5px;
}
.anchor-txt.active
{
  color: #011F23;
}
a, a:link, a:hover
{
  color: inherit;
  text-decoration: inherit;
}
.call-to-action
{
  color: #6E6D72;
  font-family: 'Verlag Book';
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.72px;
}
.call-to-action:hover
{
  cursor: pointer;
  text-decoration: underline;
}
.design-header
{
  color: #011F23;
  font-family: 'Verlag Bold';
  font-size: 24px;
  font-style: normal;
  line-height: 29px;
}
.design-text
{
  color: #011F23;
  font-family: 'Verlag Book';
  font-size: 22px;
  line-height: normal;
}
.basic-header
{
  color: #111E2E;
  font-family: 'Verlag Bold';
  font-size: 36px;
}
.basic-text
{
  color: #011F23;
  font-family: 'Verlag Book';
  font-size: 22px;
  line-height: 28px;
}
.faq-question
{
  color: #011F23;
  font-family: 'Verlag Book';
  font-size: 22px;
  line-height: 28px;
}
.small-text
{
  color: #1C3239;
  font-family: 'Verlag Book';
  font-size: 20px;
}
.faq-answer
{
  color: #1C3239;
  font-family: 'Verlag Book';
  font-size: 20px;
}
.bold-text
{
  color: #1E1919;
  font-family: 'Verlag Bold';
  font-size: 22px;
}
.small-header
{
  color: #1C3239;
  font-family: 'Verlag Bold';
  font-size: 22px;
}
.bordered
{
  border: 1px solid #DDD9D2;
}
.light-bordered
{
  border-top: 1px solid #F7F5F2;
}
.before-icon
{
  position: relative;
  bottom: 5px;
  padding-right: 7px;
}
.white-bg
{
  background-color: #FFFFFF;
}
.first-col
{
  background-color: #F7F5F2;
}
.second-col
{
  background-color: #F2EEE8;
}
.third-col
{
  background-color: #DDD9D2;
}
.fourth-col
{
  background-color: #C2BDB6;
}
.table-percent, .table-text, .table-header
{
  color: #1C3239;
  text-align: center;
  font-family: 'Verlag Book';
  font-size: 18px;
}
.table-text
{
  text-align: left;
}
.table-ticker
{
  color: #1C3239;
  text-align: center;
  font-family: 'Verlag Bold';
  font-size: 21px;
}
.table-ticker:hover
{
  cursor: pointer;
  text-decoration: underline;
}
.view-link
{
  color: #29686D;
  font-family: 'Verlag Book';
  font-size: 22px;
  line-height: 24.404px;
  letter-spacing: 0.139px;
}
.view-link:hover
{
  text-decoration: underline !important;
}
.featured-bg
{
  background-color: #1C3239;
}
.featured-header
{
  text-transform: uppercase;
  color: #EEEA8E;
  font-family: 'Verlag Bold';
  font-size: 48px;
}
.featured-name
{
  color: #FFFFFF;
  font-family: 'Verlag Bold';
  font-size: 20px;
}
.featured-text
{
  color: rgba(255, 255, 255, 0.70);
  font-family: 'Verlag Book';
  font-size: 22px;
}
.featured-border
{
  border-bottom: 1px solid #7e8f93; 
//rgba(255, 255, 255, 0.40);
}
.transparent-border
{
  border-right: 15px solid transparent;
  background-clip: padding-box;
}
.transparent-border-bottom
{
  border-bottom: none;
}
.email-input
{
  display: inline-block;
  width: 250px;
  height: 50px;
  padding-left: 10px;
}
.sign-up-text
{
  color: #1C3239;
  font-family: 'Verlag Book';
  font-size: 22px;
  line-height: 50px;
}
.submit-btn
{
  display: inline-block;
  height: 50px;
  width: 150px;
  background-color: #29686D;
  color: #FFFFFF;
  text-align: center;
  font-family: 'Verlag Book';
  font-size: 18px;
  line-height: 50px;
  letter-spacing: 0.13px;
  position: relative;
  bottom: 2px;
  vertical-align: middle;
}
.submit-btn:hover
{
  cursor: pointer;
}
.faq-border
{
  border-top: 1px solid #DDD9D2;
}
.resource-header
{
  color: #1C3239;
  font-family: 'Verlag Bold';
  font-size: 22px;
}
.resource-text
{
  color: rgba(28, 50, 57, 0.70);
  font-family: 'Verlag Book';
  font-size: 22px;
  line-height: 26px;
}
.link-col:hover
{
  cursor: pointer;
}
.disclosure-text
{
  color: #1C3239;
  font-family: 'Verlag Book';
  font-size: 17px;
}
.listing
{
  background-color: #EEEA8E;
  color: #29686D;
  font-size: 12px;
  border-radius: 25px;
  width: 75px;
  height: 18px;
  text-align: center;
  display: inline-block;
}
.faq-bg
{
  background: url(../images/square-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 250px;
}
.question-bg
{
  height: 250px;
  background-color: #29686D;
}
.faq-col:hover
{
  cursor: pointer;
}
.faq-icon
{
  color: #1C3239;
  font-family: 'Verlag Book';
  font-size: 34px;
}
.mid-line-height
{
  line-height: 50px !important;
}
.temp:hover
{
  cursor: default !important;
  text-decoration: none !important;
}
.circle-border
{
    border: 2px solid #000000;
    border-radius: 25px;
    padding: 8px;
}
.featured-header
{
    text-transform: uppercase;
    color: #EEEA8E;
    font-family: 'Verlag Bold';
    font-size: 48px;
}
.featured-name 
{
    color: #FFFFFF;
    font-family: 'Verlag Bold';
    font-size: 20px;
}
.featured-text 
{
    color: rgba(255, 255, 255, 0.70);
    font-family: 'Verlag Book';
    font-size: 22px;
}
.featured-name 
{
    color: #FFFFFF;
    font-family: 'Verlag Bold';
    font-size: 20px;
}
.featured-border 
{
    border-bottom: 1px solid rgba(255, 255, 255, 0.40);
}
@media (min-width: 1100px)
{
  .container, .footnote
  {
    max-width: 1100px !important;
  }
}
@media (max-width: 992px)
{
  .transparent-border
  {
    //border-right: 0px;
  }
  .transparent-border-bottom
  {
    border-bottom: 30px solid transparent;
    background-clip: padding-box;
  }
  .newsheadline
  {
    font-size: 48px;
  }
  .call-to-action
  {
    font-size: 13px;
  }
  .anchor-txt
  {
    font-size: 16px;
  }
  .submit-btn, .email-input
  {
    width: 300px;
  }
  .listing
  {
    font-size: 10px;
    width: 60px;
    height: 12px;
  }
}
@media (max-width: 768px)
{
  .call-to-action
  {
    font-size: 8px;
  }
  .anchor-txt
  {
    font-size: 10px;
  }
  .page-img
  {
    width: 100%;
  }
  .transparent-border-bottom 
  {
    border-bottom: 30px solid transparent;
    background-clip: padding-box;
  }
  .transparent-border
  {
    border-right: none;
  }
}
@media (max-width: 576px)
{
  .table-text
  {
    font-size: 12px;
  }
  .sign-up-text
  {
    font-size: 18px;
  }
  .faq-question, .table-percent, .table-ticker, .faq-answer
  {
    font-size: 16px;
  }
  .listing
  {
    font-size: 8px;
    width: 50px;
    height: 12px;
  }
}
@media (min-width: 576px)
{
  .col-sm-special 
  {
      flex: 0 0 auto;
      width: 48.5%;
  }
  .offset-sm-special
  {
    margin-left: 3%
  }
}
@media (max-width: 400px)
{
  .faq-question, .table-percent, .table-ticker, .faq-answer
  {
    font-size: 12px;
  }
  .table-text
  {
    font-size: 10px;
  }
  .sign-up-text
  {
    font-size: 14px;
  }
  .submit-btn, .email-input
  {
    width: 100%;
  }
}