body {
    margin: 0;
    padding: 0;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 20px;
  }
h2{color:#2a2a2a;}
  header nav {
    text-align: left;
    background: rgba(255, 255, 255, 1);
    color: #333e48;
    font-size: .7em;
    position: fixed;
    width: 100%;
    padding: 0;
    font-weight:strong;
  }
  header nav a {
    color: inherit;
    text-decoration: none;
    display: inline-block;
    padding:1em .8em;
    margin: 3.5em 0 0;
    -webkit-transition: all .3s ease-in;
    font-weight:bold;
  }
  div #navBtn {
    position: absolute; 
    right: 20px;
    top: 15px;
  }
  div a#navBtn {font-size:.75em;}
  .small {
    padding: 1em .8em;
    margin: 0;
  }
 
  .active,  header nav a:hover {
    border-bottom:3px solid #796eff;
  }

  .sectionBG {  
    background-image:  url('images/building-3-1231897.jpg');
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    text-align: center;
    border-bottom:3px solid #121b32;
  }
  .sectionBG#disability-covered {
    background-image:  url('images/family.jpg');
  }
  .sectionBG.analytics {
    background-image: url('images/mechanical-clock-1234989.jpg');
  }
  .sectionBG.experience {
    background-image: url('images/stairs-1172589.jpg');
  }
  .sectionBG h2, #disability-insurance h2, .sectionBG h3 {
    color: white;
    font-weight: normal;    
    font-size: 1.5em;
    padding: 2em 0;
    margin: 0;
    text-shadow: 0 0 10px black;
    background: rgba(0,0,0,0.6);
  }
  #disability-insurance h2 {
    padding: 4.5em 0 0;
  }
  #disability-insurance a {
    color:#fff; 
    text-decoration:none;
  }
  .sectionBG h3 {
    font-size:.75em; 
    padding:0 0 4em;
  }

#about-us ul {list-style: none; margin: 0; padding:0}
#about-us li {padding:30px 0 40px 95px;}
#fourtypct {background: url(images/40pct.png) no-repeat 0 0;}
#sixtypct {background: url(images/60pct.png) no-repeat 0 0;}
#twentyfivepct {background: url(images/25pct.png) no-repeat 0 0;}
#sixtyfivepct {background: url(images/65pct.png) no-repeat 0 0;}

#testimonials .button {margin:20px 0 0;}
#quote .button {margin:20px 0;}

  .info, .infoWhite, .tile {
    background: #fcfbf9;
    color: #505050;
    padding: .5em 7%;
  }
  .tile {background: url(images/tile.gif); border-top:3px solid #a5bcd2; border-bottom:3px solid #a5bcd2;}
.tile p img {width: 100%;}
.tile a img {width: auto;}
  .info li, .infoWhite li {padding:0 0 15px; font-size:1.25em;}
  .infoWhite {
    background: #fff;
    color: #505050;
    border-bottom: 3px solid #cbcbcb;
  }

  .info a, .infoWhite a {
    color:#505050; 
    text-decoration:none;
  }

  .button, input[type="submit"] {
    text-align: center;
    cursor: pointer;
  }

  .button a, input[type="submit"] {
    border: 2px solid #796eff;
    border-radius: 5px;
    padding: .75em 1.5em; 
    transition: all 0.3s ease-in-out;
    background: transparent;
    font-size: 1em;
    margin: auto;
    color: #796eff;
    display: block;
  }
  .button a:hover, input:hover[type="submit"] {
    color: #FFFAF0;
    background: #796eff;
  }

  input[type="text"], select {
    border-radius:3px; 
    box-shadow: none; 
    border: 2px solid #151b26; 
    padding: 10px; 
    font-size:0.8em;
    width: 100%;
  }
  

  form ul {
    padding: 0; 
    margin: 0 0 20px;
  }
  form li {
    list-style: none; 
    padding: 5px 0; 
  }
  label {
    display: none; 
  }
ul {margin: 0; padding:0 0 0 25px;}
    nav img {
    z-index: 1000;
    position: absolute;
    left: 10px;
    top: 14px;
    transition: all 0.5s linear;
    width:95%;
  }

  .move {
    top: -60px;
  }

  nav span {
    display: none;
    position: absolute;
    left: 10px;
    top: 10px;
    font-weight: bold;
    transition: all 0.5s ease-in;
  }

  .movetext {
    top: -35px;
  }

  img.social {
    z-index:auto; 
    height:auto; 
    position: relative; 
    left: auto; 
    top: 5px; 
    margin: 0 5px;
  }

  .cf:before,
  .cf:after {
      content: " "; /* 1 */
      display: table; /* 2 */
  }

  .cf:after {
      clear: both;
  }

  .threeButtons div {width:auto; margin:0 10px 0 0; display: block; float: left; text-align: center} 
   .threeButtons strong {font-size: 1.2em;}

   .info ol, .infoWhite ol {margin:20px 0; padding:0} 
  .info ol li, .infoWhite ol li {display: inline;}
  .modal a.close-modal {visibility: hidden;}
  .material-icons {color: #796eff; font-size:1.8em !important; position: relative; top: 10px; left: -10px;}
  #testimonials li {list-style: none;}
@media screen and (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */ 
  nav img {    
    left: 10px;
    top: 14px;
    width:60%;
  }
  #disability-insurance h2 {
    padding: 5.5em 2.5em 2.5em;
  }
  .modal h2 {font-size: 1.15em;}
  .pangy {position: fixed; bottom: 15px; right: 15px; display: block;}
  .pangy img {width:80%;}
  
}
@media screen and (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media screen and (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media screen and (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ 
  ul {
    margin: 0; padding:0 1.5em;
  }
  header nav {
    font-size:.9em;
    padding: 0 0 0 470px;
  }
  header nav a {
    padding:1em 1.2em;
    margin:0 0 1em;    
  }
  nav img {
    left: 40px;
    width:auto;
  }
  nav span {
    display: inline-block;
    left:10px;
  }
   .threeButtons div {width:32%;}
  .threeButtons div + div + div {margin:0;}
  .modal h2 {font-size: 1.5em;}
  .small {
    padding: .5em 1em;
    margin: auto;
  }
  .info, .infoWhite, .tile {
    padding: 5em 20%;
  }
.tile h2, .tile img {margin:0 0 0 20%;}
.tile p img {margin:0 20px 0 0; width: auto;}
  .button a, input[type="submit"] {
    border: 2px solid #796eff;
    border-radius: 5px;
    padding: .75em 1.5em; 
    transition: all 0.3s ease-in-out;
    background: transparent;
    font-size: 1em;
    margin: auto;
    color: #796eff;
  }
   input[type="text"], select {
    width: auto;
    padding: 5px;
  }
  .sectionBG h2, #disability-insurance h2, .sectionBG h3 {
    font-size:3em;
    padding: 4em 0;
  }
  #disability-insurance h2 {
    padding: 4em 0 ;
  }
  .sectionBG h3 {
    font-size:1.4em;
    padding:0 0 6em;
  }
  .button a {
    display: inline-block;
  }
  
  .button a.call {
    display: none;
  }
  .tile .button a {
    color: #FFFAF0;
    background: #796eff;
  }
  .tile .button a:hover {
    background: #5c52e2;
    border: 2px solid #5c52e2;
  }
  form li { 
    padding: 5px 0; 
    float: left; 
    width: 500px;
  }
  label {
    display: block; 
    width: 220px; 
    float: left; 
    font-weight:bold;
  }
  .footer {
    border-bottom:25px solid #151b26;
  }

  ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: transparent;
  }
  ::-moz-placeholder { /* Firefox 19+ */
    color: transparent;
  }
  :-ms-input-placeholder { /* IE 10+ */
    color: transparent;
  }
  :-moz-placeholder { /* Firefox 18- */
    color: transparent;
  }
  .pangy img {width:100%;}
}
@media screen and (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media screen and (min-width:1281px) { /* hi-res laptops and desktops */ }