@font-face {
    font-family:"Army";
    src:url("../fonts/Army.ttf") format("truetype");
    font-weight:normal;
    font-style:normal;
    }


*{margin:0;padding:0;box-sizing: border-box;} fieldset,img{border:0;} ol,ul{list-style:none;} a:active,a:focus{outline:0;} h1,h2,h3,h4,h5,h6,span{font-size:100%;font-weight:normal;}

html, body {
    height: 100%;
    width: 100%;
    font-family: "Avenir Next";
    }

    .tint {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0,0,0,0.5);
        }
    header {
        background:Pink;TODO:DeleteMe;
        height: 35%;
        width: 100%;
        display: table;
        background-image:url(../img/header-bg.jpg);
        background-size: cover;
        background-position: center;
        background-color:transparent;
        background-repeat:no-repeat;
        background-position:left -0px;
        overflow: hidden;
        position: relative;
        }
        h1 {
            display: table-cell;
            position: relative;
            height: 100%;
            vertical-align: middle;
            font-family: Army;
            color: white;
            font-size: 70px;
            box-shadow: #000 10px;
            text-align: center;
            line-height: 1.1;
            padding: 0 3%;
            }
            h1 span {
                border-top: 2px solid white;
                padding-top: 14px;
                font-size: 90px;
                }

    .instructions {
        height: 22%;
        /*background:Pink;TODO:DeleteMe;*/
        }
        .instructions p {
            /*background:Orange;TODO:DeleteMe;*/
            font-weight: 400;
            padding: 40px 40px 0px;
            font-size: 20px;
            line-height: 1.5;
            }

    .form-container {
        height: 38%;
        /*background:Pink;TODO:DeleteMe;*/
        padding: 40px;
        position: absolute;
        bottom: 20px;
        left: 0;
        right: 0;
        }
        input {
            border: 0;
            border-radius: 0;
            border-bottom: 2px dotted #aaa;
            outline: 0;
            box-shadow: none;
            font-size: 26px;
            font-family: "Avenir Next";
            font-weight: 600;
            padding: 16px;
            color: #222;
            text-align: center;
            margin-bottom: 10px;
            display: block;
            width: 100%;
            }
        ::-webkit-input-placeholder {color: #aaa;}

        input.firstname, 
        input.lastname {
            width: 49%;
            display: inline-block;
            }
        input.firstname {margin-right: 1%;}
        input.phone {margin-bottom: 24px;}
        input.submit {
            -webkit-appearance: none;
            border: 0;
            border-radius: 4px;
            background-color: #f1592a;
            color: #fff;
            }