body, html {
      margin:0;
      padding:0;
    }

    #wrapper {
      max-width: 620px;
      height:560px;
      margin:0 auto;
    }

    #headline {
      width:100%;
    }

  

    .mobile-popout-toggle {
      float:left;
      padding: 10px 0;
      width:20%;
    }

    .open-triangle, .close-triangle {
      text-align: center
    }

    #popout-open, #popout-close {
      width:40px;
    }

    #popout-close {
      background-color:#363535;
      padding-top:2px;
      display:none;
    }

    

    .newboxes {
      width:100%; 
      display: none;
      margin-top:0;
      padding-top: 0;
    }

    #headline:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0;
    }

    /*The Actual Google Maps*/
    #zip-code-map, #point-map {
      width:100%;
      display:inline-block;
    }

    #zip-code-map  {
      height:407px;
    }

    #point-map {
      height:432px;
    }

    #newboxes0 {
      display: block;
    }


    /*Typography*/
    h1 {
      font-family:"Titillium Web", helvetica, sans-serif;
      font-size:30px;
      padding: 10px 0;
      width:80%;
      float:left;
    }

    p {
      font-family:georgia, serif;
      padding: 0px 0 10px 0;
      font-size: 15px;
      line-height:20px;
      font-style: italic
    }

    p.more-info {
      font-family:"Titillium Web", helvetica, sans-serif;
      text-align: center;
      font-style: normal;
    }

    a, a:visited {
      color:#fff;
      text-decoration: underline;
    }

    a:hover {
      text-decoration: none;
    }

    /*Map Toggles*/
    #toggle {
      width:100%;
      height:25px;
    }

    #toggle li {
      width:50%;
      background-color:#363535;
      font-family:"Titillium Web", helvetica, sans-serif;
      font-size:17px;
      text-transform: uppercase;
      float:left;
      text-align: center;
      height:35px;
      padding-top:5px;
    }

    .toggle-bold {
      font-weight:bold;
      text-decoration: underline;
    }

    .selected-map {
      font-weight: bold;
    }

    #toggle:after{
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0;
    }

   
    /*Map Key*/

    .legend {
      width:100%;
      height:40px;
      background-color:#363535;
    }

    ul.legend-list {
      width:100%;
      height:20px;
      padding-left:5%;
    }

    .legend-list li {
      font-family:"Titillium Web", helvetica, sans-serif;
      font-size:17px;
      color:#fff;
      float:left;
      height:20px;
      vertical-align: top;
      padding-right: 15px;
    }

    .legend-list li img {
      height:17px;
      padding-right:2px;
    }
    
    .legend:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0;
    }

    /*Mobile Popout*/
    #mobile-popout {
      z-index: 2;
      position:absolute;
      max-width:620px;
      background-color:#363535;
      color:#fff;
      display:none;
    }

    .headline-dark {
      background-color:#363535;
      color:#fff;
    }

    /*DISPLAY BLOCK CLASS*/
    .

    .display {
      display: block;
    }

    p.mobile-subhead {
      font-style: normal;
      font-family:"Titillium Web", helvetica, sans-serif;
      padding:10px 10px;
      border-bottom: 1px solid #fff;
    }

    li a, li a:visited, li a:hover {
      color:#fff;
      text-decoration: none;
    }

    li a:hover {
      text-decoration: underline;
    }

    @media screen and (max-width:350px) {

      ul#construction-mobile li {
        padding-top: 5px;
      }
    }

    @media screen and (max-width:600px) {
      #budget-legend {
        display:none;
      }

      #budget-mobile  {
        display:block;
      }
    }

    @media screen and (min-width: 601px) {
      #budget-mobile  {
        display:none;
      }

      #budget-legend {
        display:block;
      }
    }

    @media screen and (max-width:559px) {
      #desktop-sub {
        display:none;
      }
    }

    @media screen and (min-width: 560px) {
      #desktop-sub {
        display: block;
      }

      #mobile-popout {
        display:none;
      }


      
    }