html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-family: "proxima-nova", Arial, sans-serif;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
  background-color: #f7f7f7;
}
.remove_field,.add_field_buttonE,.add_field_buttonP {
           display: inline-block;
          *display: inline;
          /* IE7 inline-block hack */
          *zoom: 1;
          padding: 4px 12px;
          font-size: 16px;
          line-height: 22px;
          vertical-align: top;
          font-weight: 600;
          border: none;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          border-radius: 3px;
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none;
          text-shadow: 0 -1px 0px #07345c;
          background: none;
          background-color: #0e69bb;
          color: #ffffff;
          text-decoration:none;
        }
        .btn:hover,
        .btn:focus,
        .btn:active,
        .btn.active,
        .btn.disabled,
        .btn[disabled] {
          background: none;
          background-color: #004481;
          color: #ffffff;
          background-position: 0 0;
          text-shadow: 0 -1px 0px #000e1b;
        }

.sbtn {
  background: none;
  background-color: #ffffff;
  color: #004481;
  padding: 4px 12px;
  font-size: 16px;
  line-height: 22px;
  vertical-align: top;
  font-weight: 600;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;


}

.error {color: #FF0000;}
.addPhoneStyle {
                background-color: #DCDCDC;
                margin: 20px 10px;
                padding:10px;
        }
.code {
        width: 70px;
}
div {
                margin:2%;
        }




@media (max-width: 699px){
        #head{
                margin: 0px;
                background-color: #ffffff;
                height:auto;
                position: relative;
                max-width:698px;
                width: 100%;
        }
        #logo {
                display:block;
                margin:auto;
                position:static;
                text-align: center;
        }

        #mu {
                text-align: center;
                position: relative;
                font-family: "utopia-std", "proxima-nova",sans-serif;
                color: #0e69bb;
                text-rendering: optimizelegibility;
                line-height:30px;
                font-weight: 400;
                font-size: 25px;
                background-color: #f7f7f7;

        }
        #frm {
                position: relative;
                height:100%;
                max-width: 698px;
                word-wrap: break-word;
                display: block;
        }

        #directions{
                margin: 0px;
                background-color: #0e69bb;
                color:#ffffff;
                max-width:698px;
                position: relative;
                font-weight: 600;
                word-wrap: break-word;
                padding: 5px;
        }

        #foot{
                margin: -2%;
                background-color: #0e69bb;
                position: relative;
                font-weight: 600;
                padding: 5px;
        }
        input[type="text"] {
                margin: 0;
                width: 80%;
                font-family: sans-serif;
                font-size: 16px;
                appearance: none;
                box-shadow: none;
                border-radius: none;
        }
        .indiv{
                width: 30%;
        }
        input[type="text"]:focus {
                outline: none;
        }
        select {
                margin: 0px 0px 3px 0px ;
                width: 70%;
                font-family: sans-serif;
                font-size: 16px;
                appearance: none;
                box-shadow: none;
                border-radius: none;
        }
        .contentWrap {
                position:absolute;
                top: 30%;
                transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                color:#7F7F7F;
                z-index:100;
                width:90%;
                margin: -2%;
                border: 20px solid rgba(0,0,0, .3);
        }
        .content {
                background:none repeat scroll 0 0 #FFF;
                overflow:hidden;
                padding:20px;
                text-align: center;
                margin: -2%;
                z-index:101;
        }
        .box { width:100%; text-align: center; z-index:102;}
}

@media only screen and (min-width: 700px) {
        #head{
                margin: 0px;
                background-color: #ffffff;
                height:100px;
                overflow:hidden

                }
        #logo{
                float:left;
                margin: 10px 0px 0px 0px;
                }
        #mu {
                font-size:30px;
                text-align: left;
                font-family: "utopia-std", "proxima-nova",sans-serif;
                text-rendering: optimizelegibility;
                line-height:60px;
                color: #0e69bb;
                margin-left:5%;
                text-shadow: 4px 4px 5px #CFE1F1;
                font-weight: 400;
                float:left;
                position: relative;
                max-width:60%;
                word-wrap: break-word;


                }
        #frm {
                position: relative;
                width:100%;
                word-wrap: break-word;
                //position: relative;
                display: block;
        }
        #directions{
                margin: 1px;
                background-color: #0e69bb;
                color:#ffffff;
                font-weight: 600;
                padding: 5px;
                display: block;

                }
        #foot{
                //margin: 0px;
                margin: -2%;
                background-color: #0e69bb;
                padding: 5px;
                width:100%;
                display: block;
                }
        input[type="text"] {
                margin: 0px 5px;
                height: 25px;
                font-family: sans-serif;
                font-size: 16px;
                appearance: none;
                box-shadow: none;
                border-radius: none;
        }
        input[type="text"]:focus {
                outline: none;
        }
        select {
                margin: 5px 0px 3px 0px ;
                height: 30px;
                width: 40%;
                font-family: sans-serif;
                font-size: 16px;
                appearance: none;
                box-shadow: none;
                border-radius: none;
        }

        #inbt {
                position: relative;
                transform: translate(0, 15%);
        }
        .contentWrap {
                position:absolute;
                top: 30%;
                transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                color:#7F7F7F;
                z-index:100;
                width:30%;
                margin: -2%;
                border: 25px solid rgba(0,0,0, .3);
                transform: translateX(100%);
                -webkit-transform: translateX(100%);
                -ms-transform: translateX(100%);
        }
        .content {
                background:none repeat scroll 0 0 #FFF;
                overflow:hidden;
                padding:20px;
                text-align: center;
                margin: -2%;
                z-index:101;
        }
        .box { width:100%; text-align: center; }

}