@font-face {
    font-family: proximanova;
    src: url(/font/proximanova-regular-webfont.eot);
    src: url(/font/proximanova-regular-webfont.eot?#iefix) format("embedded-opentype"), url(/font/proximanova-regular-webfont.woff2) format("woff2"), url(/font/proximanova-regular-webfont.woff) format("woff"), url(/font/proximanova-regular-webfont.ttf) format("truetype"), url(/font/proximanova-regular-webfont.svg#proxima_nova) format("svg");
    }
body {
    margin: 0 auto;
    padding: 0;
    background-color: black;
    font-family: proximanova, arial, helvetica, sans-serif;
    }


/* DESKTOP BROWSERS */
#header {
    background-image: linear-gradient(#eeeeee, #ffffff);
    display: block;
    vertical-align: top;
    height: 165px;
    margin: 0 auto;
    text-align: center;
    }
#logo {
      width: 103px;
      height: 134px; 
      border: none;
    }
#logowrap {
    padding: 18px 0;
    }
#everycity {
    width: 100%;
    max-width: 555px;
    height: auto;
    }
#citywrap {
    padding: 58px 0 74px 0;
    }
#main {
    margin: 0 auto;
    left: 236px;
    right: 236px;
    display: block;
    max-width: 1440px;
    }
.pod {
    width: 100%;
    max-width: 300px;
    margin: 0 50px 0 0;
    padding: 0px;
    display: inline-block;
    vertical-align: top;
    }
.pod img {
    width: 100%;
    max-width: 300px;
    height: auto; 
    border: none;
    }
.pod p { 
    margin: 24px 0px;
    padding: 0px;
    text-align: left;
    color: #999999;
    font-size: 16;
    line-height: 1.5;
    }
.pod a {
    color: #ffffff;
    text-decoration: none;
    }
.dash {
    border-bottom-color: #767676;
    border-bottom-style: dotted;
    border-bottom-width: thin;
    width: 100%;
    height: 1px;
    margin-top: 90px;
    }
input {
    width: 255px;
    border-color: #666666;
    border-width: thin;
    border-style: solid;
    display: inline;
    background-color: black;
    color: #666666;
    height: 44px;
    padding: 0px 15px;
    }

button {
    background-color: #A01E1F;
    color: #ffffff;
    border: none;
    font-weight: bold;
    width: 100px;
    height: 44px;
    }
.clear {
    clear: both;
    }
#footer { 
    color: #ffffff;
    text-align: center;
    }
#footer p {
    margin-top: 16px;
    }

/* IPHONE XS */
@media only screen and (max-device-width : 767px) {
    #header {
        background-image: linear-gradient(#eeeeee, #ffffff);
        display: block;
        vertical-align: top;
        height: 78px;
        margin: 0 auto;
    }
    #main {
        margin: 0 auto;
        left: 40px;
        right: 40px;
        display: block;
        max-width: 767px;
    }
    #logo {
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          background: url(/images/vault_logo_mobile.png) no-repeat;
          width: 177px; /* Width of new image */
          height: 41px; /* Height of new image */
          padding-left: 177px;
          border: none;
          
    }
    #logowrap {
        padding: 18px 0 18px 20px;
    }
    #everycity {
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          background: url(/images/tag_mobile299.png) no-repeat;
          width: 299px; /* Width of new image */
          height: 48px; /* Height of new image */
          padding-left: 299px;
          border: none;
          
    }
    #citywrap {
        padding: 30px 0 40px 0;
    }
    #main {
        margin: 0 auto;
        left: 40px;
        right: 40px;
        display: block;
        max-width: 300px;
    }
    .pod {
        width: 100%;
        max-width: 300px;
        margin: 0 0 40px 0;
        padding: 0px;
        color: #999999;
        font-size: 16;
        line-height: 1.5;
        vertical-align: top;
    }
    .dash {
        margin-top: 8px;
    }
    #footer { 
        text-align: left;
        font-size: 16px;
    }
    #footer p {
    margin-top: 30px;
    }
    .pod p { 
        font-size: 14px;
        margin: 20px 0 0 0;
    }
    input {
        width: 100%;
        max-width: 270px;
        text-align: center;
    }
    button {
        width: 100%;
        max-width: 300px;
        margin: 14px 0 68px 0;
        text-align: center;
    }
    
}   

/* SMALLER MOBILE */
@media only screen and (max-device-width : 373px) {

    }