/*
Theme Name: Te Kupenga
Theme URI: https://omnispex.co.nz
Author: Omnispex
Author URI: https://omnispex.co.nz
Description: Te Kupenga has been designed and developed from the ground up to 
Version: 1.0

*/
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  font-family: MontserratLight,sans-serif;
  color: #424242; }

@font-face {
  font-family: MontserratLight;
  src: url("font/Montserrat-Light.otf"); }
@font-face {
  font-family: MontserratSemibold;
  src: url("font/Montserrat-SemiBold.otf"); }
h1 {
  color: #dd4c2b;
  font-family: 'MontserratSemibold'; }

a {
  color: #dd4c2b;
  text-decoration: none;
  font-weight: 700; }

b {
  font-weight: 700;
  font-family: MontserratSemibold; }

p {
  overflow: hidden; }

.alignleft {
  float: right; }

.alignright {
  float: left; }

.aligncenter {
  display: block;
  margin: 0px auto; }

#headerBtns {
  width: 300px;
  height: 100%;
  float: right;
  background-color: unset; }
  #headerBtns * {
    font-size: 0.9em; }
  #headerBtns a {
    overflow: hidden;
    display: inline-block;
    float: right;
    width: 95px;
    margin-top: 15px;
    height: 50px;
    word-spacing: 95px; }
    #headerBtns a .headerBtn {
      position: relative;
      margin-left: 40px; }
      #headerBtns a .headerBtn p {
        display: block;
        margin-left: 0.3em; }
      #headerBtns a .headerBtn img {
        height: 40px;
        width: 40px;
        position: absolute;
        right: 100%; }

.specialistDetails p {
  overflow: hidden;
  clear: both;
  width: 100% !important; }
  .specialistDetails p strong {
    width: 35%;
    display: inline-block;
    float: left; }
  .specialistDetails p a {
    float: left; }

.aTagButton, button {
  background-color: white;
  margin: 7px;
  padding: 7px;
  height: 40px;
  border: none;
  text-align: left;
  padding-left: 15px;
  text-align: left;
  font-size: 1.1em;
  cursor: pointer;
  color: #3a3a3a;
  line-height: 20px;
  min-width: 230px;
  font-weight: 100; }
  .aTagButton:hover, button:hover {
    background-color: #3a3a3a;
    color: white; }

.protectContent {
  display: none;
  opacity: 0;
  transition: 0.5s all; }

.agenciesContent {
  padding-bottom: 6rem;
  transition: 0.5s all; }

.selected {
  pointer-events: none;
  background-color: #3a3a3a;
  color: white; }

.greyButton {
  background-color: #3a3a3a;
  color: white; }

.description p {
  margin-bottom: 1.5em; }
.description ul {
  margin-left: 2em;
  margin-bottom: 2em; }
.description h1, .description h2, .description h3, .description h4, .description h5 {
  color: black;
  text-align: left !important;
  position: static !important;
  font-weight: bold; }
.description h1 {
  font-size: 2em; }
.description h2 {
  font-size: 1.5em; }
.description h3 {
  font-size: 1.17em; }
.description h4 {
  font-size: 1.12em; }
.description h5 {
  font-size: .83em; }
.description h6 {
  font-size: .75em; }

#column2 > p {
  margin-bottom: 1em; }

.listEntry h1, .listEntry h2, .listEntry h3, .listEntry h4, .listEntry h5 {
  color: black;
  text-align: left !important;
  position: static !important; }
.listEntry ul {
  margin-left: 1em; }
.listEntry img {
  max-height: 100%; }

.title {
  color: white;
  font-size: 2.2em;
  font-weight: 100;
  position: static; }

body {
  background-color: #dfeef5; }
  body .scroll-top {
    position: fixed;
    top: 75%;
    right: -20%;
    z-index: 6;
    height: 40px;
    width: 40px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
    body .scroll-top .to-top-style {
      width: 40px;
      height: 40px;
      border-top-left-radius: 8px;
      border-bottom-left-radius: 8px;
      background: #3a3a3a;
      opacity: 1;
      z-index: 5; }
    body .scroll-top .top-icon {
      position: absolute;
      left: 26%;
      top: 50%;
      bottom: auto;
      right: auto;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -moz-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      -o-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      width: 22px;
      height: 2px;
      background-color: #dd4f2f;
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      transform: rotate(-90deg);
      z-index: 4; }
      body .scroll-top .top-icon:after, body .scroll-top .top-icon::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 100%;
        height: 2px;
        background-color: inherit; }
      body .scroll-top .top-icon::before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 50%;
        -webkit-transform-origin: right top;
        -moz-transform-origin: right top;
        -ms-transform-origin: right top;
        -o-transform-origin: right top;
        transform-origin: right top; }
      body .scroll-top .top-icon:after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        width: 50%;
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom; }
  body header {
    position: fixed;
    top: 0px;
    height: 80px;
    width: 100%;
    z-index: 10;
    background-color: white; }
    body header .logo {
      padding: 7px;
      position: absolute;
      z-index: 4; }
    body header #title {
      display: inline-block;
      text-align: center;
      width: 100%;
      left: 0px;
      right: 0px;
      position: absolute;
      padding-top: 10px;
      transition: 0.7s all; }
      body header #title h1 {
        font-size: 1.55em; }
      body header #title h2 {
        font-weight: 100;
        color: #424242;
        font-size: 1.5em; }
  body #splashPage {
    background: #88cef2;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#88cef2, #f9f9fa, #97ce87);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#88cef2, #f9f9fa, #97ce87);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#88cef2, #f9f9fa, #97ce87);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#88cef2, #f9f9fa, #97ce87);
    /* Standard syntax (must be last) */ }
  body .container {
    position: absolute;
    bottom: 0px;
    top: 80px;
    left: 0px;
    right: 0px;
    margin: auto;
    background: #e0eef5;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#88cef2, #e0eef5);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#88cef2, #e0eef5);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#88cef2, #e0eef5);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#88cef2, #e0eef5);
    /* Standard syntax (must be last) */ }
    body .container > h3 {
      text-align: center;
      bottom: 10%;
      left: 0px;
      right: 0px;
      margin: auto;
      position: absolute; }
    body .container h2 {
      left: 0px;
      right: 0px;
      margin: auto;
      position: absolute;
      text-align: left; }
    body .container > h4 {
      font-size: 1.5em;
      margin-bottom: 20px; }
    body .container .buttonBox {
      display: flex;
      flex-wrap: nowrap;
      width: 60%;
      margin: auto;
      justify-content: center; }
      body .container .buttonBox .aTagButton, body .container .buttonBox button {
        width: 32%;
        margin-top: 25px;
        position: relative;
        max-width: 250px;
        min-width: 235px;
        line-height: 1.5em; }
        body .container .buttonBox .aTagButton #triangle-bottomright, body .container .buttonBox button #triangle-bottomright {
          width: 0;
          height: 0;
          border-bottom: 15px solid #b8e0f5;
          border-left: 15px solid transparent;
          right: 5px;
          bottom: 5px;
          position: absolute; }
    body .container .splash h2 {
      text-align: center;
      color: white;
      position: absolute;
      left: 0px;
      right: 0px;
      bottom: 2em; }
    body .container .splash img {
      width: 720px;
      position: absolute;
      top: 100px;
      bottom: 0px;
      left: 100px;
      right: 0px;
      margin: auto;
      transition: 0.8s;
      z-index: 1; }
    body .container .splash #glow {
      background: rgba(255, 255, 255, 0);
      /* For browsers that do not support gradients */
      background: -webkit-radial-gradient(white 5%, rgba(255, 255, 255, 0) 60%);
      /* Safari 5.1-6.0 */
      background: -o-radial-gradient(white 5%, rgba(255, 255, 255, 0) 60%);
      /* For Opera 11.6 to 12.0 */
      background: -moz-radial-gradient(white 5%, rgba(255, 255, 255, 0) 60%);
      /* For Firefox 3.6 to 15 */
      background: radial-gradient(white 5%, rgba(255, 255, 255, 0) 60%);
      /* Standard syntax (must be last) */
      position: absolute;
      position: absolute;
      left: 0px;
      right: 0px;
      top: 20%;
      z-index: 0;
      width: 80%;
      height: 75%;
      margin: 0px auto;
      opacity: 0;
      transition: 0.5s; }
    body .container .splash:hover img {
      width: 820px; }
    body .container .splash:hover #glow {
      opacity: 1; }
    body .container #homePage img {
      width: 950px;
      position: absolute;
      top: -50px;
      bottom: 0px;
      left: 0px;
      right: 0px;
      margin: auto; }
    body .container #homePage h2 {
      font-size: 1.5em;
      bottom: 1.5em;
      position: absolute;
      color: white;
      text-align: center;
      width: 100%; }
    body .container #homePage h3 {
      font-size: 2.1em;
      position: absolute;
      color: white;
      text-align: center;
      width: 100%;
      bottom: 0em; }
    body .container > div #leftNav {
      padding: 15px;
      width: 20%;
      height: 100%;
      position: fixed;
      max-width: 275px;
      padding-top: 325px; }
      body .container > div #leftNav img {
        width: 100%;
        position: absolute;
        top: 0px;
        left: 0px; }
      body .container > div #leftNav button, body .container > div #leftNav .aTagButton {
        width: 100%;
        margin-top: 2px;
        margin-bottom: 2px;
        display: block; }
    body .container > div #pageContent {
      position: absolute;
      left: 22%;
      top: 10%;
      height: 90%;
      width: 75%; }
      body .container > div #pageContent > h2 {
        font-size: 2.7em;
        text-align: left;
        width: 100%;
        padding-left: 30px;
        padding-top: 20px; }
      body .container > div #pageContent #current {
        opacity: 1 !important; }
    body .container #aboutUsPage #leftNav img {
      padding-left: 20px;
      padding-top: 50px;
      padding-right: 10px; }
    body .container #aboutUsPage .contactUsContent {
      opacity: 0;
      transition: 0.5s; }
    body .container #aboutUsPage #column1 {
      width: 100%;
      height: 70%;
      display: inline-block;
      float: left;
      margin-top: 80px;
      padding: 30px;
      padding-right: 60px;
      max-width: 725px;
      transition: 0.5s; }
      body .container #aboutUsPage #column1 h4 {
        color: #424242;
        font-size: 1.3em;
        padding-bottom: 20px; }
      body .container #aboutUsPage #column1 span {
        display: block;
        padding-bottom: 15px; }
    body .container #aboutUsPage #column1 #contactMore {
      max-width: 350px; }
      body .container #aboutUsPage #column1 #contactMore #contactName, body .container #aboutUsPage #column1 #contactMore #contactEmail, body .container #aboutUsPage #column1 #contactMore #contactPhone {
        height: 35px;
        width: 100%;
        padding-left: 8px;
        font-size: 0.9em;
        margin-top: 10px;
        display: block; }
      body .container #aboutUsPage #column1 #contactMore #contactDetail {
        height: 130px;
        padding-top: 8px;
        font-size: 1em;
        margin-top: 10px;
        padding-left: 8px;
        display: block;
        resize: none;
        width: 100%; }
      body .container #aboutUsPage #column1 #contactMore #nameError, body .container #aboutUsPage #column1 #contactMore #emailError, body .container #aboutUsPage #column1 #contactMore #phoneError, body .container #aboutUsPage #column1 #contactMore #detailError, body .container #aboutUsPage #column1 #contactMore #serverError {
        width: 90%;
        display: none;
        position: absolute;
        bottom: -490px;
        left: 0px;
        right: 0px;
        -webkit-transition: 0.4s all;
        margin: auto;
        transition: 0.4s;
        color: #FFFFFF;
        margin-bottom: 0px;
        background-color: #f0c419;
        padding: 5px 0px;
        height: 40px;
        text-align: center; }
      body .container #aboutUsPage #column1 #contactMore input, body .container #aboutUsPage #column1 #contactMore textarea {
        display: block;
        margin: 0px auto;
        outline: none;
        border: none;
        transition: 0.6s all;
        border: 2px solid white; }
      body .container #aboutUsPage #column1 #contactMore input:focus, body .container #aboutUsPage #column1 #contactMore textarea:focus {
        background-color: #d7d7d7;
        color: #3A3A3A; }
      body .container #aboutUsPage #column1 #contactMore input {
        float: left;
        margin-right: 8px; }
      body .container #aboutUsPage #column1 #contactMore textarea {
        display: block;
        margin: 0px auto;
        float: left; }
      body .container #aboutUsPage #column1 #contactMore ::-webkit-input-placeholder {
        font-size: 1em; }
      body .container #aboutUsPage #column1 #contactMore ::-moz-placeholder {
        font-size: 1em; }
      body .container #aboutUsPage #column1 #contactMore :-ms-input-placeholder {
        font-size: 1em; }
      body .container #aboutUsPage #column1 #contactMore :-moz-placeholder {
        font-size: 1em; }
      body .container #aboutUsPage #column1 #contactMore #contactUsButton {
        margin: 15px;
        margin-left: 0px;
        padding-right: 15px;
        text-align: center; }
    body .container #aboutUsPage #column2 {
      padding-top: 120px;
      padding-left: 30px;
      overflow:hidden; }
      body .container #aboutUsPage #column2 a {
        float: left;
        clear: both;
        margin-bottom: 10px; }
    body .container #aboutUsPage .whoWeAreContent {
      transition: 0.5s;
      position: absolute;
      top: 120px;
      left: 30px;
      padding-bottom: 100px; }
      body .container #aboutUsPage .whoWeAreContent h4:last-child {
        margin-top: 40px; }
      body .container #aboutUsPage .whoWeAreContent p {
        margin-bottom: 20px; }
      body .container #aboutUsPage .whoWeAreContent a {
        display: inline-block;
        margin-left: 0px;
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center; }
    body .container #aboutUsPage .whereWeComeFromContent {
      transition: 0.5s;
      opacity: 0;
      position: absolute;
      top: 120px;
      left: 30px;
      display: none; }
      body .container #aboutUsPage .whereWeComeFromContent #timeline {
        padding-left: 40px; }
        body .container #aboutUsPage .whereWeComeFromContent #timeline::after {
          content: "";
          position: absolute;
          width: 2px;
          height: 100%;
          background-color: black;
          left: 15px;
          top: 55px; }
        body .container #aboutUsPage .whereWeComeFromContent #timeline > div {
          margin-bottom: 40px; }
        body .container #aboutUsPage .whereWeComeFromContent #timeline p, body .container #aboutUsPage .whereWeComeFromContent #timeline span {
          display: inline-block; }
        body .container #aboutUsPage .whereWeComeFromContent #timeline span {
          width: 80px;
          vertical-align: top;
          font-family: MontserratSemibold; }
          body .container #aboutUsPage .whereWeComeFromContent #timeline span::after {
            content: "";
            position: absolute;
            width: 6px;
            height: 6px;
            background-color: black;
            left: 13.5px;
            margin-top: 6px;
            border-radius: 10px; }
        body .container #aboutUsPage .whereWeComeFromContent #timeline p {
          width: 75%; }
    body .container #aboutUsFooterMob {
      display: none; }
    body .container #aboutUsFooter {
      position: fixed;
      bottom: 0px;
      left: 0px;
      right: 0px;
      margin: auto;
      height: 60px;
      padding-top: 5px;
      display: flex;
      justify-content: center;
      background-color: white; }
      body .container #aboutUsFooter > div {
        display: inline-block;
        position: relative;
        padding-left: 35px;
        width: 15%; }
        body .container #aboutUsFooter > div img {
          position: absolute;
          top: 10px;
          left: 0px;
          width: 25px; }
        body .container #aboutUsFooter > div p {
          color: #dd4c2b;
          font-weight: 700; }
        body .container #aboutUsFooter > div a {
          display: block; }
      body .container #aboutUsFooter div:first-child span {
        font-size: 1.5em;
        font-weight: 700; }
      body .container #aboutUsFooter div:first-child p {
        font-size: 1.1em; }
      body .container #aboutUsFooter div:not(:first-child) {
        padding-top: 5px; }
        body .container #aboutUsFooter div:not(:first-child) span {
          font-size: 0.8em;
          font-weight: 900; }
    body .container #helpInfoPage #leftNav img {
      padding: 55px;
      padding-bottom: 0px; }
    body .container #helpInfoPage #leftNav #screen {
      font-size: 1em; }
    body .container #helpInfoPage #pageContent > div {
      transition: 0.5s all; }
    body .container #helpInfoPage #pageContent .agenciesContent {
      transition: 0.5s all;
      opacity: 0;
      padding-top: 20px;
      padding-left: 30px; }
      body .container #helpInfoPage #pageContent .agenciesContent #column1, body .container #helpInfoPage #pageContent .agenciesContent #column2 {
        width: 50%;
        height: 70%;
        display: inline-block;
        float: left;
        margin-top: 100px;
        padding: 30px;
        padding-right: 60px;
        max-width: 525px;
        transition: 0.5s; }
      body .container #helpInfoPage #pageContent .agenciesContent #column1 p {
        margin-bottom: 40px; }
      body .container #helpInfoPage #pageContent .agenciesContent #column1 #locationList {
        display: flex;
        flex-wrap: wrap; }
        body .container #helpInfoPage #pageContent .agenciesContent #column1 #locationList span {
          width: 50%;
          color: green;
          margin-bottom: 15px;
          font-weight: 700;
          cursor: pointer; }
      body .container #helpInfoPage #pageContent .agenciesContent #column2 {
        margin-top: 40px; }
        body .container #helpInfoPage #pageContent .agenciesContent #column2 svg {
          width: 100%; }
      body .container #helpInfoPage #pageContent .agenciesContent #agenciesList {
        padding-top: 130px;
        padding-left: 30px;
        transition: 0.5s; }
        body .container #helpInfoPage #pageContent .agenciesContent #agenciesList .listEntry {
          padding-left: 175px;
          position: relative;
          width: 100%;
          margin-top: 40px;
          max-width: 950px;
          min-height: 140px;
          display: none;
          margin-bottom: 100px; }
          body .container #helpInfoPage #pageContent .agenciesContent #agenciesList .listEntry h5 {
            font-size: 1.3em;
            margin-bottom: 10px; }
          body .container #helpInfoPage #pageContent .agenciesContent #agenciesList .listEntry img {
            max-width: 140px;
            max-height: 140px;
            margin: 10px;
            position: absolute;
            top: 0px;
            left: 0px; }
          body .container #helpInfoPage #pageContent .agenciesContent #agenciesList .listEntry .aTagButton, body .container #helpInfoPage #pageContent .agenciesContent #agenciesList .listEntry button {
            margin-left: 0px;
            text-align: center;
            min-width: 200px;
            font-weight: 700;
            background-color: #3a3a3a;
            color: white;
            display: block;
            width: 200px; }
          body .container #helpInfoPage #pageContent .agenciesContent #agenciesList .listEntry p {
            margin-bottom: 10px; }
        body .container #helpInfoPage #pageContent .agenciesContent #agenciesList button {
          background-color: #3a3a3a;
          color: white; }
    body .container #helpInfoPage #pageContent .agencyInfo {
      position: relative;
      padding-top: 75px;
      padding-left: 35px; }
      body .container #helpInfoPage #pageContent .agencyInfo #whiteBox {
        background-color: white;
        height: 200px;
        width: 300px;
        display: inline-block;
        float: left; }
      body .container #helpInfoPage #pageContent .agencyInfo .contactInfo {
        display: inline-block;
        width: 300px;
        margin-left: 30px;
        min-height: 250px; }
        body .container #helpInfoPage #pageContent .agencyInfo .contactInfo > div {
          display: block;
          margin-bottom: 10px; }
        body .container #helpInfoPage #pageContent .agencyInfo .contactInfo span {
          font-size: 0.85em;
          font-weight: 700; }
        body .container #helpInfoPage #pageContent .agencyInfo .contactInfo .contactDetails {
          width: 65px;
          display: inline-block;
          font-size: 0.65em; }
        body .container #helpInfoPage #pageContent .agencyInfo .contactInfo img {
          width: 100%;
          opacity: 0; }
      body .container #helpInfoPage #pageContent .agencyInfo .description {
        margin-top: 25px; }
      body .container #helpInfoPage #pageContent .agencyInfo .aTagButton {
        display: block;
        width: 200px; }
    body .container #helpInfoPage #pageContent .specialistContent {
      opacity: 0;
      transition: 0.5s; }
      body .container #helpInfoPage #pageContent .specialistContent > div {
        padding-top: 130px;
        padding-left: 30px; }
        body .container #helpInfoPage #pageContent .specialistContent > div span {
          margin-bottom: 20px;
          display: block; }
        body .container #helpInfoPage #pageContent .specialistContent > div .listEntry {
          padding-left: 175px;
          position: relative;
          width: 100%;
          margin-top: 40px;
          max-width: 950px;
          min-height: 140px; }
          body .container #helpInfoPage #pageContent .specialistContent > div .listEntry img {
            max-width: 140px;
            max-height: 140px;
            margin: 10px;
            position: absolute;
            top: 0px;
            left: 0px; }
          body .container #helpInfoPage #pageContent .specialistContent > div .listEntry button {
            margin-left: 0px; }
          body .container #helpInfoPage #pageContent .specialistContent > div .listEntry > div span {
            font-weight: 700;
            display: inline-block;
            width: 35%; }
          body .container #helpInfoPage #pageContent .specialistContent > div .listEntry > div p, body .container #helpInfoPage #pageContent .specialistContent > div .listEntry > div a {
            display: inline-block;
            overflow-x: hidden; }
    body .container #helpInfoPage #pageContent .disabilityMoreInfoContent > div {
      padding-top: 130px;
      padding-left: 30px;
      max-width: 80%; }
      body .container #helpInfoPage #pageContent .disabilityMoreInfoContent > div span {
        display: block;
        padding-bottom: 20px; }
      body .container #helpInfoPage #pageContent .disabilityMoreInfoContent > div ul {
        margin-left: 35px; }
        body .container #helpInfoPage #pageContent .disabilityMoreInfoContent > div ul li {
          margin-bottom: 15px; }
      body .container #helpInfoPage #pageContent .disabilityMoreInfoContent > div a {
        margin-left: 0px; }
      body .container #helpInfoPage #pageContent .disabilityMoreInfoContent > div h4 {
        margin-bottom: 30px; }
    body .container #screenPage #pageContent {
      left: 0%;
      width: 100%; }
      body .container #screenPage #pageContent h2 {
        left: 22%;
        width: unset; }
      body .container #screenPage #pageContent > img {
        width: 25%;
        max-width: 215px;
        padding: 10px;
        display: inline-block;
        position: absolute;
        top: 20%; }
      body .container #screenPage #pageContent #amo2 {
        right: 0px; }
      body .container #screenPage #pageContent .bind {
        width: 60%;
        display: flex;
        justify-content: center;
        margin: 0px auto; }
      body .container #screenPage #pageContent #column1, body .container #screenPage #pageContent #column2 {
        width: 50%;
        height: 70%;
        display: inline-block;
        float: left;
        margin-top: 100px;
        padding: 30px;
        max-width: 525px;
        transition: 0.5s; }
        body .container #screenPage #pageContent #column1 .amoMob, body .container #screenPage #pageContent #column2 .amoMob {
          display: none; }
        body .container #screenPage #pageContent #column1 p, body .container #screenPage #pageContent #column2 p {
          margin-bottom: 20px; }
        body .container #screenPage #pageContent #column1 img, body .container #screenPage #pageContent #column2 img {
          width: 100px;
          background-color: white;
          border-radius: 100%;
          padding: 2.5px; }
    body .container #protectYourselfPage #leftNav {
      padding-top: 325px; }
    body .container #protectYourselfPage #pageContent p {
      margin-bottom: 20px; }
    body .container #protectYourselfPage #pageContent .protectContent, body .container #protectYourselfPage #pageContent .internetContent, body .container #protectYourselfPage #pageContent .googleContent, body .container #protectYourselfPage #pageContent .edgeContent, body .container #protectYourselfPage #pageContent .safariContent, body .container #protectYourselfPage #pageContent .mozillaContent, body .container #protectYourselfPage #pageContent .facebookContent, body .container #protectYourselfPage #pageContent .operaContent {
      opacity: 0;
      padding-top: 100px;
      padding-left: 30px;
      max-width: 950px;
      transition: 0.5s; }
      body .container #protectYourselfPage #pageContent .protectContent span, body .container #protectYourselfPage #pageContent .internetContent span, body .container #protectYourselfPage #pageContent .googleContent span, body .container #protectYourselfPage #pageContent .edgeContent span, body .container #protectYourselfPage #pageContent .safariContent span, body .container #protectYourselfPage #pageContent .mozillaContent span, body .container #protectYourselfPage #pageContent .facebookContent span, body .container #protectYourselfPage #pageContent .operaContent span {
        display: block;
        margin-bottom: 15px; }

/* PC AND UP */
/* TABLET + SMALL SCREEN */
@media screen and (max-width: 1300px) and (min-width: 820px) {
  #agencyHeaderBtn {
    display: none; }

  #screenPage .buttonBox {
    margin-top: 80px; }

  body .scroll-top {
    display: block; }
  body header {
    height: 80px; }
    body header #title {
      height: 80px; }
      body header #title h1 {
        font-size: 1.1em;
        width: 50%;
        margin: auto;
        line-height: 25px; }
      body header #title h2 {
        font-size: 1.1em; }
    body header .logo {
      padding: 0px;
      position: absolute;
      z-index: 4; }
      body header .logo img {
        padding: 5px;
        height: 60px;
        margin: 10px; }
  body .container {
    top: 60px; }
    body .container .splash img {
      top: 0px;
      bottom: 0px;
      width: 90%;
      max-width: 900px;
      left: 5%;
      cursor: pointer; }
    body .container .splash:hover img {
      width: 90%; }
    body .container .splash h3 {
      bottom: 2.5%; }
    body .container .buttonBox {
      margin-top: 25px;
      flex-wrap: wrap;
      font-size: 1em; }
      body .container .buttonBox .aTagButton {
        width: 95%;
        margin: 5px;
        position: relative;
        min-width: 200px;
        height: 45px;
        font-size: 1em;
        line-height: 35px;
        font-weight: 100;
        max-width: 420px;
        z-index: 2; }
    body .container #homePage img {
      width: 90%;
      top: 40px;
      z-index: 0;
      max-width: 720px; }
    body .container #aboutUsPage .buttonBox {
      display: none; }
    body .container #aboutUsPage #leftNav {
      padding: 10px;
      padding-top: 80px;
      max-width: none;
      width: 100%;
      position: static;
      z-index: 10;
      max-width: 425px;
      margin: 0px auto;
      margin-top: 5px; }
      body .container #aboutUsPage #leftNav img {
        display: none; }
      body .container #aboutUsPage #leftNav button, body .container #aboutUsPage #leftNav .aTagButton {
        margin-left: 0px;
        height: 45px;
        margin-top: 5px;
        margin-bottom: 5px; }
    body .container #aboutUsPage #pageContent {
      left: 2.5%;
      top: 20px;
      width: 90%;
      margin-top: 270px;
      height: auto; }
      body .container #aboutUsPage #pageContent h2 {
        padding-left: 0px;
        padding-top: 0px;
        position: absolute;
        left: 0px;
        top: -270px; }
      body .container #aboutUsPage #pageContent > div {
        top: 10px;
        left: 10px;
        padding-bottom: 100px; }
      body .container #aboutUsPage #pageContent .contactUsContent #column1 {
        width: 100%;
        padding: 0px;
        margin-top: 10px;
        margin-left: 10px; }
        body .container #aboutUsPage #pageContent .contactUsContent #column1 h4 {
          padding-bottom: 0px; }
        body .container #aboutUsPage #pageContent .contactUsContent #column1 #contactMore {
          margin-right: 0px;
          max-width: none; }
          body .container #aboutUsPage #pageContent .contactUsContent #column1 #contactMore #contactDetail {
            margin-bottom: 20px; }
        body .container #aboutUsPage #pageContent .contactUsContent #column1 button {
          background-color: #3a3a3a;
          color: white;
          display: block;
          margin: 0px auto !important; }
      body .container #aboutUsPage #pageContent .contactUsContent #column2 {
        display: none; }
      body .container #aboutUsPage #pageContent .whoWeAreContent .aTagButton {
        background-color: #3a3a3a;
        color: white; }
    body .container #aboutUsPage #aboutUsFooter {
      display: none; }
    body .container #aboutUsPage #aboutUsFooterMob {
      display: flex;
      justify-content: center;
      position: fixed;
      bottom: 0px;
      left: 0px;
      right: 0px;
      margin: auto;
      height: 60px;
      z-index: 5;
      padding-top: 5px;
      background-color: white; }
      body .container #aboutUsPage #aboutUsFooterMob .selectedFooter {
        width: 160px; }
        body .container #aboutUsPage #aboutUsFooterMob .selectedFooter p {
          opacity: 1;
          color: #dd4e2d; }
      body .container #aboutUsPage #aboutUsFooterMob span {
        font-size: 1.2em;
        padding: 15px;
        padding-left: 0px;
        padding-right: 6px; }
      body .container #aboutUsPage #aboutUsFooterMob > div {
        position: relative;
        font-size: 1em;
        padding: 15px;
        padding-left: 3px;
        padding-right: 3px; }
      body .container #aboutUsPage #aboutUsFooterMob > div, body .container #aboutUsPage #aboutUsFooterMob span {
        display: inline-block;
        font-weight: 700;
        display: inline-block;
        float: left;
        transition: 0.4s; }
        body .container #aboutUsPage #aboutUsFooterMob > div img, body .container #aboutUsPage #aboutUsFooterMob span img {
          width: 25px;
          display: inline-block; }
        body .container #aboutUsPage #aboutUsFooterMob > div p, body .container #aboutUsPage #aboutUsFooterMob span p {
          position: absolute;
          top: 20px;
          bottom: 0px;
          left: 30px;
          width: 200px;
          opacity: 0; }
      body .container #aboutUsPage #aboutUsFooterMob #email p {
        font-size: 0.7em; }
    body .container #helpInfoPage .buttonBox {
      display: none; }
    body .container #helpInfoPage #leftNav {
      padding: 10px;
      padding-top: 80px;
      max-width: none;
      width: 100%;
      position: static;
      z-index: 10; }
      body .container #helpInfoPage #leftNav img {
        display: none; }
      body .container #helpInfoPage #leftNav button, body .container #helpInfoPage #leftNav .aTagButton {
        max-width: 420px;
        display: block;
        height: 45px;
        margin: 0px auto;
        margin-top: 5px;
        margin-bottom: 5px; }
      body .container #helpInfoPage #leftNav .aTagButton {
        line-height: 30px; }
    body .container #helpInfoPage #pageContent {
      left: 2.5%;
      top: 20px;
      width: 90%;
      margin-top: 240px;
      height: 0px; }
      body .container #helpInfoPage #pageContent h2 {
        left: 0px;
        top: -230px;
        position: absolute;
        font-size: 1.8em;
        padding-left: 0px;
        padding-top: 0px; }
      body .container #helpInfoPage #pageContent .agenciesContent {
        transition: 0.5s all;
        padding-top: 0px;
        padding-left: 0px; }
        body .container #helpInfoPage #pageContent .agenciesContent #column1 {
          height: 40px; }
          body .container #helpInfoPage #pageContent .agenciesContent #column1 h4 {
            font-size: 1.2em;
            margin-bottom: 5px; }
          body .container #helpInfoPage #pageContent .agenciesContent #column1 #locationList {
            display: none; }
        body .container #helpInfoPage #pageContent .agenciesContent #column2, body .container #helpInfoPage #pageContent .agenciesContent #column1 {
          margin-top: 0px;
          padding: 10px;
          padding-right: unset;
          width: 60%;
          padding-top: 0px;
          margin: 0px auto;
          display: block;
          max-width: unset; }
        body .container #helpInfoPage #pageContent .agenciesContent #agenciesList, body .container #helpInfoPage #pageContent .agenciesContent #specialistList {
          padding-top: 0px;
          padding-left: 0px; }
          body .container #helpInfoPage #pageContent .agenciesContent #agenciesList .listEntry, body .container #helpInfoPage #pageContent .agenciesContent #specialistList .listEntry {
            padding-left: 0px;
            min-height: 0px;
            width: 70%;
            margin: 0px auto;
            padding: 20px;
            margin-left: 25%; }
            body .container #helpInfoPage #pageContent .agenciesContent #agenciesList .listEntry h5, body .container #helpInfoPage #pageContent .agenciesContent #specialistList .listEntry h5 {
              padding-left: 0px;
              margin-bottom: 50px;
              padding-top: 30px; }
            body .container #helpInfoPage #pageContent .agenciesContent #agenciesList .listEntry img, body .container #helpInfoPage #pageContent .agenciesContent #specialistList .listEntry img {
              max-width: 140px;
              max-height: 140px;
              margin: 10px;
              position: absolute;
              top: 0px;
              right: 100%;
              left: auto; }
          body .container #helpInfoPage #pageContent .agenciesContent #agenciesList > button, body .container #helpInfoPage #pageContent .agenciesContent #specialistList > button {
            margin: auto;
            display: block;
            margin-top: 20px;
            text-align: center;
            padding-left: 7px; }
      body .container #helpInfoPage #pageContent .specialistContent h2 {
        top: -240px;
        font-size: 1.4em; }
      body .container #helpInfoPage #pageContent .specialistContent > div {
        padding-top: 0px;
        padding-left: 0px; }
      body .container #helpInfoPage #pageContent .specialistContent #specialistList .listEntry {
        padding-left: 0px; }
        body .container #helpInfoPage #pageContent .specialistContent #specialistList .listEntry h4 {
          font-size: 1.1em;
          margin-bottom: 5px; }
        body .container #helpInfoPage #pageContent .specialistContent #specialistList .listEntry img {
          display: none; }
        body .container #helpInfoPage #pageContent .specialistContent #specialistList .listEntry span {
          margin-bottom: 10px; }
      body .container #helpInfoPage #pageContent .disabilityMoreInfoContent h2 {
        font-size: 1.6em; }
      body .container #helpInfoPage #pageContent .disabilityMoreInfoContent > div {
        padding-top: 0px;
        padding-left: 10px;
        max-width: 100%;
        padding-bottom: 50px; }
        body .container #helpInfoPage #pageContent .disabilityMoreInfoContent > div h4 {
          font-size: 1em; }
      body .container #helpInfoPage #pageContent .agencyInfo {
        padding-left: 0px;
        padding-top: 0px;
        display: block;
        margin: 0px auto;
        width: 80%; }
        body .container #helpInfoPage #pageContent .agencyInfo #whiteBox {
          width: 100%; }
        body .container #helpInfoPage #pageContent .agencyInfo .contactInfo {
          width: 100%;
          min-height: 0px; }
    body .container #screenPage .buttonBox {
      padding: 10px;
      padding-top: 10px;
      max-width: none;
      position: static; }
    body .container #screenPage #pageContent {
      width: 100%;
      top: 0px;
      margin-bottom: 50px; }
      body .container #screenPage #pageContent h2 {
        left: 0px;
        padding-left: 0px;
        padding-top: 40px;
        font-size: 1.5em;
        text-align: center; }
      body .container #screenPage #pageContent > img {
        display: none; }
      body .container #screenPage #pageContent .bind {
        width: 100%;
        display: block; }
        body .container #screenPage #pageContent .bind #column1, body .container #screenPage #pageContent .bind #column2 {
          display: block;
          position: relative;
          max-width: none; }
          body .container #screenPage #pageContent .bind #column1 img, body .container #screenPage #pageContent .bind #column2 img {
            display: inline-block; }
          body .container #screenPage #pageContent .bind #column1 .amoMob, body .container #screenPage #pageContent .bind #column2 .amoMob {
            background-color: unset;
            border-radius: 0px; }
          body .container #screenPage #pageContent .bind #column1 h4, body .container #screenPage #pageContent .bind #column2 h4 {
            font-size: 1.2em;
            margin-bottom: 10px; }
          body .container #screenPage #pageContent .bind #column1 p, body .container #screenPage #pageContent .bind #column2 p {
            font-size: 0.8em; }
        body .container #screenPage #pageContent .bind [data-readmore-toggle], body .container #screenPage #pageContent .bind [data-readmore] {
          padding-left: 30px;
          padding-top: 10px; }
        body .container #screenPage #pageContent .bind #column1 {
          display: block;
          padding: 20px;
          margin-top: 200px; }
          body .container #screenPage #pageContent .bind #column1 img:nth-child(2) {
            width: 40%;
            max-width: 110px;
            margin-bottom: 50px; }
          body .container #screenPage #pageContent .bind #column1 .aTagButton {
            width: 70%;
            min-width: 0px;
            height: 35px;
            font-size: 1em;
            position: static;
            display: block;
            text-align: center;
            padding-left: 7px;
            background-color: #135fa9;
            margin: auto;
            color: white;
            max-width: 175px; }
        body .container #screenPage #pageContent .bind #column2 {
          margin-top: 0px;
          height: auto; }
          body .container #screenPage #pageContent .bind #column2 img:first-child {
            width: 40%;
            max-width: 110px;
            margin-bottom: 50px; }
          body .container #screenPage #pageContent .bind #column2 .amoMob {
            float: right;
            position: absolute;
            top: 20px;
            right: 10px; }
          body .container #screenPage #pageContent .bind #column2 button {
            width: 45%;
            min-width: 0px;
            height: 35px;
            font-size: 0.8em;
            text-align: center;
            padding-left: 7px;
            background-color: #d54a2d;
            color: white;
            max-width: 175px; }
    body .container #protectYourselfPage .buttonBox {
      display: none; }
    body .container #protectYourselfPage #leftNav {
      padding: 10px;
      padding-top: 80px;
      max-width: none;
      width: 100%;
      position: static;
      z-index: 10;
      margin: 0px; }
      body .container #protectYourselfPage #leftNav .aTagButton, body .container #protectYourselfPage #leftNav button {
        margin: 0px;
        margin-top: 2px;
        margin-bottom: 2px; }
    body .container #protectYourselfPage #pageContent {
      top: 0px;
      left: 0px;
      width: 100%;
      height: 0px; }
      body .container #protectYourselfPage #pageContent h2 {
        font-size: 1.4em;
        text-align: center;
        padding-left: 0px;
        padding-top: 30px; }
      body .container #protectYourselfPage #pageContent div {
        margin-top: 400px !important;
        padding-left: 15px !important;
        padding-top: 0px !important;
        width: 95%; } }
/* MOBILE STYLES */
@media screen and (max-width: 820px) {
  body .scroll-top {
    display: block; }
  body header {
    height: 70px; }
    body header #title {
      height: 70px; }
      body header #title h1 {
        font-size: 0.8em;
        width: 50%;
        margin: auto;
        height: 50px;
        line-height: 25px; }
      body header #title h2 {
        display: none; }
    body header .logo {
      padding: 0px;
      position: absolute;
      z-index: 4; }
      body header .logo img {
        padding: 7px;
        height: 60px;
        margin: 5px; }
    body header #headerBtns {
      width: 300px;
      height: 100%;
      float: right;
      background-color: unset; }
      body header #headerBtns * {
        font-size: 0.9em; }
      body header #headerBtns #agencyHeaderBtn {
        background-color: #3a3a3a;
        color: white;
        text-align: center;
        width: 100px;
        min-width: 0px;
        margin: 0px auto;
        position: absolute;
        left: 0px;
        right: 0px;
        top: 15px;
        padding: 10px;
        transition: 0.3s; }
      body header #headerBtns a {
        overflow: hidden;
        display: inline-block;
        float: right;
        width: unset;
        margin-top: 15px;
        height: 50px; }
        body header #headerBtns a .headerBtn {
          position: relative;
          margin-left: 0px;
          width: 50px;
          height: 50px; }
          body header #headerBtns a .headerBtn p {
            display: none;
            margin-left: 0.3em; }
          body header #headerBtns a .headerBtn img {
            right: 0px; }
  body .container {
    top: 60px; }
    body .container .splash img {
      top: 0px;
      bottom: 0px;
      width: 90%;
      max-width: 900px;
      left: 5%;
      cursor: pointer; }
    body .container .splash:hover img {
      width: 90%; }
    body .container .splash h3 {
      bottom: 2.5%; }
    body .container .buttonBox {
      margin-top: 15px;
      flex-wrap: wrap;
      width: 100%;
      font-size: 1em; }
      body .container .buttonBox .aTagButton {
        width: 95%;
        margin: 5px;
        position: relative;
        min-width: 200px;
        height: 50px;
        font-size: 1em;
        line-height: 35px;
        font-weight: 100;
        max-width: 420px;
        z-index: 2; }
    body .container #homePage img {
      width: 90%;
      top: 40px;
      z-index: 0; }
    body .container #homePage h2 {
      font-size: 1.5em; }
    body .container #homePage h3 {
      font-size: 2em; }
    body .container #aboutUsPage .buttonBox {
      display: none; }
    body .container #aboutUsPage #leftNav {
      padding: 10px;
      padding-top: 80px;
      max-width: none;
      width: 100%;
      position: static;
      z-index: 10; }
      body .container #aboutUsPage #leftNav img {
        display: none; }
      body .container #aboutUsPage #leftNav button, body .container #aboutUsPage #leftNav .aTagButton {
        margin-left: 0px;
        height: 45px;
        margin-top: 5px;
        margin-bottom: 5px; }
    body .container #aboutUsPage #pageContent {
      left: 2.5%;
      top: 20px;
      width: 90%;
      margin-top: 270px;
      margin-bottom: 170px; }
      body .container #aboutUsPage #pageContent h2 {
        padding-left: 0px;
        padding-top: 0px;
        position: absolute;
        left: 0px;
        top: -270px; }
      body .container #aboutUsPage #pageContent > div {
        top: 10px;
        left: 10px;
        padding-bottom: 100px; }
      body .container #aboutUsPage #pageContent .contactUsContent #column1 {
        width: 100%;
        padding: 0px;
        margin-top: 10px;
        margin-left: 10px; }
        body .container #aboutUsPage #pageContent .contactUsContent #column1 h4 {
          padding-bottom: 0px; }
        body .container #aboutUsPage #pageContent .contactUsContent #column1 #contactMore {
          margin-right: 0px;
          max-width: none; }
          body .container #aboutUsPage #pageContent .contactUsContent #column1 #contactMore #contactDetail {
            margin-bottom: 20px; }
        body .container #aboutUsPage #pageContent .contactUsContent #column1 button {
          background-color: #3a3a3a;
          color: white;
          display: block;
          margin: 0px auto !important; }
      body .container #aboutUsPage #pageContent .contactUsContent #column2 {
        display: none; }
      body .container #aboutUsPage #pageContent .whoWeAreContent .aTagButton {
        background-color: #3a3a3a;
        color: white; }
    body .container #aboutUsPage #aboutUsFooter {
      display: none; }
    body .container #aboutUsPage #aboutUsFooterMob {
      display: flex;
      justify-content: center;
      position: fixed;
      bottom: 0px;
      left: 0px;
      right: 0px;
      margin: auto;
      height: 60px;
      z-index: 5;
      padding-top: 5px;
      background-color: white; }
      body .container #aboutUsPage #aboutUsFooterMob .selectedFooter {
        width: 160px; }
        body .container #aboutUsPage #aboutUsFooterMob .selectedFooter p {
          opacity: 1;
          color: #dd4e2d; }
      body .container #aboutUsPage #aboutUsFooterMob span {
        font-size: 1.2em;
        padding: 15px;
        padding-left: 0px;
        padding-right: 6px; }
      body .container #aboutUsPage #aboutUsFooterMob > div {
        position: relative;
        font-size: 1em;
        padding: 15px;
        padding-left: 3px;
        padding-right: 3px; }
      body .container #aboutUsPage #aboutUsFooterMob > div, body .container #aboutUsPage #aboutUsFooterMob span {
        display: inline-block;
        font-weight: 700;
        display: inline-block;
        float: left;
        transition: 0.4s; }
        body .container #aboutUsPage #aboutUsFooterMob > div img, body .container #aboutUsPage #aboutUsFooterMob span img {
          width: 25px;
          display: inline-block; }
        body .container #aboutUsPage #aboutUsFooterMob > div p, body .container #aboutUsPage #aboutUsFooterMob span p {
          position: absolute;
          top: 20px;
          bottom: 0px;
          left: 30px;
          width: 200px;
          opacity: 0; }
      body .container #aboutUsPage #aboutUsFooterMob #email p {
        font-size: 0.7em; }
    body .container #helpInfoPage .buttonBox {
      display: none; }
    body .container #helpInfoPage #leftNav {
      padding: 10px;
      padding-top: 80px;
      max-width: none;
      width: 100%;
      position: static;
      z-index: 10; }
      body .container #helpInfoPage #leftNav img {
        display: none; }
      body .container #helpInfoPage #leftNav button, body .container #helpInfoPage #leftNav .aTagButton {
        margin-left: 0px;
        height: 45px;
        margin-top: 5px;
        margin-bottom: 5px; }
      body .container #helpInfoPage #leftNav .aTagButton {
        line-height: 30px; }
    body .container #helpInfoPage #pageContent {
      left: 0px;
      right: 0px;
      top: auto;
      width: 100%;
      position: absolute; }
      body .container #helpInfoPage #pageContent .listEntry {
        min-width: auto;
        margin-top: 180px; }
        body .container #helpInfoPage #pageContent .listEntry div:nth-child(1) {
          clear: both;
          width: 90%;
          margin: 0px auto;
          overflow: hidden; }
          body .container #helpInfoPage #pageContent .listEntry div:nth-child(1) > p {
            clear: both; }
        body .container #helpInfoPage #pageContent .listEntry div:nth-child(2) {
          overflow: hidden;
          margin: 0px auto;
          width: 300px; }
        body .container #helpInfoPage #pageContent .listEntry button, body .container #helpInfoPage #pageContent .listEntry .aTagButton {
          float: left;
          width: 44% !important;
          margin-left: 3% !important;
          margin-right: 3% !important;
          min-width: unset !important;
          font-size: 0.9em !important;
          padding: unset;
          text-align: center;
          line-height: 3em;
          max-width: 200px; }
        body .container #helpInfoPage #pageContent .listEntry img {
          float: left;
          position: static !important; }
      body .container #helpInfoPage #pageContent h2 {
        left: 0px;
        top: -230px;
        position: absolute;
        font-size: 1.8em;
        padding-left: 0px;
        padding-top: 0px; }
      body .container #helpInfoPage #pageContent .agenciesContent {
        transition: 0.5s all;
        padding-top: 0px;
        padding-left: 0px; }
        body .container #helpInfoPage #pageContent .agenciesContent #column1 {
          height: 40px; }
          body .container #helpInfoPage #pageContent .agenciesContent #column1 h4 {
            font-size: 1.2em;
            margin-bottom: 5px; }
          body .container #helpInfoPage #pageContent .agenciesContent #column1 #locationList {
            display: none; }
        body .container #helpInfoPage #pageContent .agenciesContent #column2, body .container #helpInfoPage #pageContent .agenciesContent #column1 {
          margin-top: 0px;
          padding: 10px;
          padding-right: unset;
          width: 100%;
          padding-top: 0px; }
        body .container #helpInfoPage #pageContent .agenciesContent .agencyInfo {
          width: 90%; }
          body .container #helpInfoPage #pageContent .agenciesContent .agencyInfo .contactInfo {
            margin-top: 1em; }
        body .container #helpInfoPage #pageContent .agenciesContent #agenciesList {
          padding-top: 0px;
          padding-left: 0px; }
          body .container #helpInfoPage #pageContent .agenciesContent #agenciesList > h4, body .container #helpInfoPage #pageContent .agenciesContent #agenciesList #locationSelected > p {
            margin-left: 1em; }
          body .container #helpInfoPage #pageContent .agenciesContent #agenciesList .listEntry {
            padding-left: 0px;
            min-height: 0px; }
            body .container #helpInfoPage #pageContent .agenciesContent #agenciesList .listEntry h5 {
              padding-left: 35%;
              margin-bottom: 50px;
              padding-top: 10px; }
            body .container #helpInfoPage #pageContent .agenciesContent #agenciesList .listEntry img {
              width: 30%;
              max-height: 100px; }
          body .container #helpInfoPage #pageContent .agenciesContent #agenciesList > button {
            margin: auto;
            display: block;
            margin-top: 20px;
            text-align: center;
            padding-left: 7px; }
      body .container #helpInfoPage #pageContent .specialistContent h2 {
        top: -180px;
        font-size: 1.4em;
        margin-left: 10px; }
      body .container #helpInfoPage #pageContent .specialistContent > div {
        padding-top: 0px;
        padding-left: 0px; }
      body .container #helpInfoPage #pageContent .specialistContent #specialistList .listEntry {
        padding-left: 0px;
        min-height: 0px; }
        body .container #helpInfoPage #pageContent .specialistContent #specialistList .listEntry h5 {
          padding-left: 35%;
          margin-bottom: 50px;
          padding-top: 10px; }
        body .container #helpInfoPage #pageContent .specialistContent #specialistList .listEntry img {
          width: 30%;
          max-height: 100px; }
      body .container #helpInfoPage #pageContent .disabilityMoreInfoContent h2 {
        font-size: 1.6em; }
      body .container #helpInfoPage #pageContent .disabilityMoreInfoContent > div {
        padding-top: 0px;
        padding-left: 10px;
        max-width: 100%;
        padding-bottom: 50px; }
        body .container #helpInfoPage #pageContent .disabilityMoreInfoContent > div h4 {
          font-size: 1em; }
      body .container #helpInfoPage #pageContent .agencyInfo {
        padding-left: 0px;
        padding-top: 0px;
        display: block;
        margin: 0px auto;
        width: 80%; }
        body .container #helpInfoPage #pageContent .agencyInfo #whiteBox {
          width: 100%; }
        body .container #helpInfoPage #pageContent .agencyInfo .contactInfo {
          width: 100%;
          min-height: 0px; }
    body .container #screenPage .buttonBox {
      display: none; }
    body .container #screenPage #pageContent {
      width: 100%;
      top: 0px;
      margin-bottom: 50px; }
      body .container #screenPage #pageContent h2 {
        left: 0px;
        padding-left: 0px;
        padding-top: 40px;
        font-size: 1.5em;
        text-align: center; }
      body .container #screenPage #pageContent > img {
        display: none; }
      body .container #screenPage #pageContent .bind {
        width: 100%;
        display: block; }
        body .container #screenPage #pageContent .bind #column1, body .container #screenPage #pageContent .bind #column2 {
          display: block;
          width: 50%; }
          body .container #screenPage #pageContent .bind #column1 img, body .container #screenPage #pageContent .bind #column2 img {
            display: inline-block; }
          body .container #screenPage #pageContent .bind #column1 .amoMob, body .container #screenPage #pageContent .bind #column2 .amoMob {
            background-color: unset;
            border-radius: 0px; }
          body .container #screenPage #pageContent .bind #column1 h4, body .container #screenPage #pageContent .bind #column2 h4 {
            font-size: 1.2em;
            margin-bottom: 10px; }
          body .container #screenPage #pageContent .bind #column1 p, body .container #screenPage #pageContent .bind #column2 p {
            font-size: 0.8em; }
        body .container #screenPage #pageContent .bind [data-readmore-toggle], body .container #screenPage #pageContent .bind [data-readmore] {
          padding-left: 30px;
          padding-top: 10px; }
        body .container #screenPage #pageContent .bind #column1 {
          display: block;
          padding: 20px; }
          body .container #screenPage #pageContent .bind #column1 img:nth-child(2) {
            width: 40%;
            max-width: 110px;
            margin-bottom: 50px; }
          body .container #screenPage #pageContent .bind #column1 .aTagButton {
            width: 70%;
            min-width: 0px;
            height: 35px;
            font-size: 1em;
            position: static;
            display: block;
            text-align: center;
            padding-left: 7px;
            background-color: #135fa9;
            margin: auto;
            color: white;
            max-width: 175px; }
        body .container #screenPage #pageContent .bind #column2 {
          margin-top: 0px;
          position: relative;
          height: auto; }
          body .container #screenPage #pageContent .bind #column2 img:first-child {
            width: 40%;
            max-width: 110px;
            margin-bottom: 50px; }
          body .container #screenPage #pageContent .bind #column2 .amoMob {
            float: right;
            position: absolute;
            top: 20px;
            right: 10px; }
          body .container #screenPage #pageContent .bind #column2 button {
            top: 110px;
            left: 20px;
            width: 45%;
            min-width: 0px;
            height: 35px;
            font-size: 0.8em;
            text-align: center;
            padding-left: 7px;
            background-color: #d54a2d;
            color: white;
            max-width: 175px; }
    body .container #protectYourselfPage .buttonBox {
      display: none; }
    body .container #protectYourselfPage #leftNav {
      padding: 10px;
      padding-top: 80px;
      max-width: none;
      width: 100%;
      position: static;
      z-index: 10;
      margin: 0px; }
      body .container #protectYourselfPage #leftNav .aTagButton, body .container #protectYourselfPage #leftNav button {
        margin: 0px;
        margin-top: 2px;
        margin-bottom: 2px; }
    body .container #protectYourselfPage #pageContent {
      top: 0px;
      left: 0px;
      width: 100%;
      height: 0px; }
      body .container #protectYourselfPage #pageContent h2 {
        font-size: 1.4em;
        text-align: center;
        padding-left: 0px;
        padding-top: 30px; }
      body .container #protectYourselfPage #pageContent div {
        margin-top: 400px !important;
        padding-left: 15px !important;
        padding-top: 0px !important;
        width: 95%; } }
        
@media screen and (min-width: 820px) {
body header #headerBtns #agencyHeaderBtn{display:none;}
}
@media screen and (max-width: 500px) {
  #homePage h2 {
    bottom: 3.5em !important; }

  body #column1, body #column2 {
    width: 100% !important; } }
@media screen and (max-width: 460px) {
  #title h1, #title h2 {
    display: none; }

  #column2 {
    padding-top: 1em !important;
    padding-left: 1em !important; }

  .contactInfo {
    margin-left: 0px !important; } }
@media screen and (max-width: 1024px) {
  #title {
    width: 85% !important; }
    #title h1, #title h2 {
      width: unset !important; }

  #column1, #column2 {
    width: 50% !important; } }

/*# sourceMappingURL=style.css.map */