.AFDiv {
    width: 1100px;
    height: 1400px;
}

.AF_Image {
    width: 138px;
    height: 116px;
    border-width:0px;
}

.AF_AppInput {
    width: 323px;
    z-index: 1;
    left: 452px;
    top: 478px;
    position: absolute;
    height: 120px;
}

.App_div-1 {
    height: 113px;
    width: 132px;
    text-align: left;
}

.body {
    min-height: 150vh;
}

.AF_lblMainHeading {
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    float: none;
    z-index: 1;
    left: 234px;
    top: 40px;
    text-align: center;
    height: 86px;
    width: 784px;
    position: absolute;
    right: 254px;
}

.AF_lblSubHeading3 {
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    float: none;
    text-align: center;
    z-index: 1;
    position: absolute;
    left: 30px;
    height: 39px;
    width: 1058px;
    top: 152px;
}

.AF_lblSubHeading4 {
    font-family: Arial;
    font-size: 13px;
    float: none;
    text-align: left;
    z-index: 1;
    position: absolute;
    left: 409px;
    height: 18px;
    width: 679px;
    top: 201px;
}

.AF_lblSubHeading5 {
    font-family: Arial;
    font-size: 13px;
    float: none;
    text-align: left;
    z-index: 1;
    position: absolute;
    left: 409px;
    height: 51px;
    width: 679px;
    top: 245px;
}

.AF_lblSubHeading6 {
    font-family: Arial;
    font-size: 13px;
    float: none;
    text-align: left;
    z-index: 1;
    position: absolute;
    left: 409px;
    height: 23px;
    width: 679px;
    top: 223px;
}

.AF_lblSubHeading7 {
    font-family: Arial;
    font-size: 13px;
    float: none;
    text-align: left;
    z-index: 1;
    position: absolute;
    left: 408px;
    height: 36px;
    width: 679px;
    top: 295px;
}

.AF_lblSubHeading8 {
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    float: none;
    text-align: center;
    z-index: 1;
    position: absolute;
    left: 30px;
    height: 30px;
    width: 1058px;
    top: 354px;
}

.AF_lblCustomerNumber {
    font-family: Arial;
    font-size: 13px;
    float: none;
    text-align: right;
    z-index: 1;
    left: 331px;
    top: 392px;
    position: absolute;
    width: 203px;
    height: 15px;
}

.AF_txtCustomerNumber {
    font-family: Arial;
    font-size: 13px;
    float: none;
    z-index: 1;
    left: 555px;
    top: 387px;
    position: absolute;
    width: 175px;
}

.AF_lblFirstMonth {
    font-family: Arial;
    font-size: 13px;
    float: none;
    text-align: right;
    z-index: 1;
    left: 331px;
    top: 420px;
    position: absolute;
    width: 203px;
    height: 15px;
}

.AF_ddlFirstMonth {
    font-family: Arial;
    font-size: 13px;
    float: none;
    z-index: 1;
    left: 556px;
    top: 416px;
    position: absolute;
    width: 143px;
    height: 20px;
}

.AF_lblSecondMonth {
    font-family: Arial;
    font-size: 13px;
    float: none;
    text-align: right;
    z-index: 1;
    left: 331px;
    top: 448px;
    position: absolute;
    width: 203px;
    height: 15px;
}

.AF_ddlSecondMonth {
    font-family: Arial;
    font-size: 13px;
    float: none;
    z-index: 1;
    left: 556px;
    top: 444px;
    position: absolute;
    width: 143px;
    height: 20px;
}

.AF_btnCheck {
    font-family: Arial;
    font-size: 12px;
    float: none;
    z-index: 1;
    left: 481px;
    top: 610px;
    position: absolute;
    width: 207px;
    height: 36px;
    right: 466px;
}

.AF_lblEligibilityStatusMonth1Red {
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    float: none;
    text-align: center;
    z-index: 1;
    position: absolute;
    left: 30px;
    height: 49px;
    width: 1058px;
    top: 659px;
    color: #ab0e2c;
}

.AF_lblEligibilityStatusMonth1Green {
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    float: none;
    text-align: center;
    z-index: 1;
    position: absolute;
    left: 30px;
    height: 49px;
    width: 1058px;
    top: 659px;
    color: #1E462C;
}

.AF_lblEligibilityStatusMonth1Black {
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    float: none;
    text-align: center;
    z-index: 1;
    position: absolute;
    left: 30px;
    height: 49px;
    width: 1058px;
    top: 659px;
    color: black;
}

.AF_lblCustomerName {
    font-family: Arial;
    font-size: 13px;
    float: none;
    text-align: right;
    z-index: 1;
    left: 331px;
    top: 791px;
    position: absolute;
    width: 203px;
    height: 15px;
}

.AF_txtCustomerName {
    font-family: Arial;
    font-size: 13px;
    float: none;
    z-index: 1;
    left: 553px;
    top: 787px;
    position: absolute;
    width: 261px;
}

.AF_lblEmailAddress {
    font-family: Arial;
    font-size: 13px;
    float: none;
    text-align: right;
    z-index: 1;
    left: 331px;
    top: 821px;
    position: absolute;
    width: 203px;
    height: 15px;
}

.AF_txtEmailAddress {
    font-family: Arial;
    font-size: 13px;
    float: none;
    z-index: 1;
    left: 553px;
    top: 817px;
    position: absolute;
    width: 261px;
}

.AF_lblPhoneNumber {
    font-family: Arial;
    font-size: 13px;
    float: none;
    text-align: right;
    z-index: 1;
    left: 331px;
    top: 851px;
    position: absolute;
    width: 203px;
    height: 15px;
}

.AF_txtPhoneNumber {
    font-family: Arial;
    font-size: 13px;
    float: none;
    z-index: 1;
    left: 553px;
    top: 848px;
    position: absolute;
    width: 261px;
}

.AF_lblTypeOfLeak {
    font-family: Arial;
    font-size: 13px;
    float: none;
    text-align: right;
    z-index: 1;
    left: 331px;
    top: 881px;
    position: absolute;
    width: 203px;
    height: 15px;
}

.AF_txtTypeOfLeak {
    font-family: Arial;
    font-size: 13px;
    float: none;
    z-index: 1;
    left: 553px;
    top: 878px;
    position: absolute;
    width: 261px;
}

.AF_lblRepairDate {
    font-family: Arial;
    font-size: 13px;
    float: none;
    text-align: right;
    z-index: 1;
    left: 331px;
    top: 911px;
    position: absolute;
    width: 203px;
    height: 15px;
}

.AF_txtRepairDate {
    font-family: Arial;
    font-size: 13px;
    float: none;
    z-index: 1;
    left: 553px;
    top: 908px;
    position: absolute;
    width: 136px;
}

.AF_chkAgreement {
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    top: 959px;
    left: 434px;
    width: 646px;
    height: 69px;
}

.AF_btnReset {
    font-family: Arial;
    font-size: 12px;
    float: none;
    z-index: 1;
    left: 481px;
    top: 857px;
    position: absolute;
    width: 207px;
    height: 36px;
    right: 584px;
}

.AF_btnSubmit {
    font-family: Arial;
    font-size: 12px;
    float: none;
    z-index: 1;
    left: 356px;
    top: 1075px;
    position: absolute;
    width: 207px;
    height: 36px;
    right: 709px;
}

.AF_btnCancel {
    font-family: Arial;
    font-size: 12px;
    float: none;
    z-index: 1;
    left: 628px;
    top: 1074px;
    position: absolute;
    width: 207px;
    height: 36px;
    right: 437px;
}

.AF_lblEligibilityStatusMonth2Red {
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    float: none;
    text-align: center;
    z-index: 1;
    position: absolute;
    left: 30px;
    height: 49px;
    width: 1058px;
    top: 720px;
    color: #ab0e2c;
}

.AF_lblEligibilityStatusMonth2Green {
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    float: none;
    text-align: center;
    z-index: 1;
    position: absolute;
    left: 30px;
    height: 49px;
    width: 1058px;
    top: 720px;
    color: #1E462C;
}

.AF_lblEligibilityStatusMonth2Black {
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    float: none;
    text-align: center;
    z-index: 1;
    position: absolute;
    left: 30px;
    height: 49px;
    width: 1058px;
    top: 720px;
    color: black;
}

.AF_lblEligibilityStatusAMI {
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    float: none;
    text-align: center;
    z-index: 1;
    position: absolute;
    left: 22px;
    height: 66px;
    width: 1075px;
    float: none;
    top: 776px;
    color: black;
}

.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background: #000;
    color: #fff;
    padding: 8px 15px;
    z-index: 999;
    text-decoration: none;
    font-weight: bold;
}

    .skip-link:focus {
        top: 0;
    }

.ImageFrame {
    height: 113px;
    width: 132px;
    text-align: left;
}

/* default desktop layout */
.container {
    width: 80%;
    font-size: 1rem;
    padding-bottom: 300px;
}

/* mobile adjustments */
@media (max-width: 700px) {
    .container {
        width: 100%;
        padding: 1rem;
        padding-bottom: 300px;
    }

    .title {
        font-size: 1rem;
    }

    .content {
        font-size: 1rem;
    }

    .ImageFrame {
        height: 60%;
        width: 60%;
        text-align: left;
    }

    .AF_AppInput {
        width: 323px;
        z-index: 1;
        left: 50px;
        top: 615px;
        position: absolute;
        height: 120px;
    }

    .AF_lblMainHeading {
        font-family: Arial;
        font-size: 1rem;
        font-weight: bold;
        float: none;
        z-index: 1;
        left: 130px;
        top: 30px;
        text-align: center;
        width: 60%;
        position: absolute;
    }

    .AF_lblSubHeading3 {
        font-family: Arial;
        font-size: .85rem;
        font-weight: bold;
        float: none;
        text-align: center;
        z-index: 1;
        position: absolute;
        left: 15px;
        width: 80%;
        top: 152px;
    }

    .AF_lblSubHeading4 {
        font-family: Arial;
        font-size: .85rem;
        float: none;
        text-align: left;
        z-index: 1;
        position: absolute;
        left: 25px;
        width: 335px;
        top: 275px;
    }

    .AF_lblSubHeading5 {
        font-family: Arial;
        font-size: .85rem;
        float: none;
        text-align: left;
        z-index: 1;
        position: absolute;
        left: 25px;
        width: 335px;
        top: 296px;
    }

    .AF_lblSubHeading6 {
        font-family: Arial;
        font-size: .85rem;
        float: none;
        text-align: left;
        z-index: 1;
        position: absolute;
        left: 25px;
        width: 335px;
        top: 380px;
    }

    .AF_lblSubHeading7 {
        font-family: Arial;
        font-size: .85rem;
        float: none;
        text-align: left;
        z-index: 1;
        position: absolute;
        left: 25px;
        width: 335px;
        top: 401px;
    }

    .AF_lblSubHeading8 {
        font-family: Arial;
        font-size: .85rem;
        font-weight: bold;
        float: none;
        text-align: center;
        z-index: 1;
        position: absolute;
        left: 30px;
        width: 335px;
        top: 464px;
    }

    .AF_lblCustomerNumber {
        font-family: Arial;
        font-size: .85rem;
        float: none;
        text-align: right;
        z-index: 1;
        left: 30px;
        top: 523px;
        position: absolute;
        width: 150px;
    }

    .AF_txtCustomerNumber {
        font-family: Arial;
        font-size: .85rem;
        float: none;
        z-index: 1;
        left: 190px;
        top: 520px;
        position: absolute;
        width: 175px;
    }

    .AF_lblFirstMonth {
        font-family: Arial;
        font-size: .85rem;
        float: none;
        text-align: right;
        z-index: 1;
        left: 30px;
        top: 554px;
        position: absolute;
        width: 150px;
    }

    .AF_ddlFirstMonth {
        font-family: Arial;
        font-size: .85rem;
        float: none;
        z-index: 1;
        left: 190px;
        top: 551px;
        position: absolute;
        width: 175px;
    }

    .AF_lblSecondMonth {
        font-family: Arial;
        font-size: .85rem;
        float: none;
        text-align: right;
        z-index: 1;
        left: 30px;
        top: 585px;
        position: absolute;
        width: 150px;
    }

    .AF_ddlSecondMonth {
        font-family: Arial;
        font-size: .85rem;
        float: none;
        z-index: 1;
        left: 190px;
        top: 582px;
        position: absolute;
        width: 175px;
    }

    .AF_btnCheck {
        font-family: Arial;
        font-size: .85rem;
        float: none;
        z-index: 1;
        left: 100px;
        top: 745px;
        position: absolute;
        width: 200px;
    }

    .AF_lblEligibilityStatusMonth1Red {
        font-family: Arial;
        font-size: .85rem;
        font-weight: bold;
        float: none;
        text-align: center;
        z-index: 1;
        position: absolute;
        left: 30px;
        width: 80%;
        top: 795px;
        color: #ab0e2c;
    }

    .AF_lblEligibilityStatusMonth1Green {
        font-family: Arial;
        font-size: .85rem;
        font-weight: bold;
        float: none;
        text-align: center;
        z-index: 1;
        position: absolute;
        left: 30px;
        width: 80%;
        top: 795px;
        color: #1E462C;
    }

    .AF_lblEligibilityStatusMonth1Black {
        font-family: Arial;
        font-size: .85rem;
        font-weight: bold;
        float: none;
        text-align: center;
        z-index: 1;
        position: absolute;
        left: 30px;
        width: 80%;
        top: 795px;
        color: black;
    }

    .AF_lblEligibilityStatusMonth2Red {
        font-family: Arial;
        font-size: .85rem;
        font-weight: bold;
        float: none;
        text-align: center;
        z-index: 1;
        position: absolute;
        left: 30px;
        width: 80%;
        top: 935px;
        color: #ab0e2c;
    }

    .AF_lblEligibilityStatusMonth2Green {
        font-family: Arial;
        font-size: .85rem;
        font-weight: bold;
        float: none;
        text-align: center;
        z-index: 1;
        position: absolute;
        left: 30px;
        width: 80%;
        top: 935px;
        color: #1E462C;
    }

    .AF_lblEligibilityStatusMonth2Black {
        font-family: Arial;
        font-size: .85rem;
        font-weight: bold;
        float: none;
        text-align: center;
        z-index: 1;
        position: absolute;
        left: 30px;
        width: 80%;
        top: 935px;
        color: black;
    }

    .AF_lblEligibilityStatusAMI {
        font-family: Arial;
        font-size: .85rem;
        font-weight: bold;
        float: none;
        text-align: center;
        z-index: 1;
        position: absolute;
        left: 22px;
        width: 85%;
        float: none;
        top: 1075px;
        color: black;
    }

    .AF_lblCustomerName {
        font-family: Arial;
        font-size: .85rem;
        float: none;
        text-align: right;
        z-index: 1;
        left: 30px;
        top: 1078px;
        position: absolute;
        width: 150px;
    }

    .AF_txtCustomerName {
        font-family: Arial;
        font-size: 13px;
        float: none;
        z-index: 1;
        left: 190px;
        top: 1075px;
        position: absolute;
        width: 175px;
    }

    .AF_lblEmailAddress {
        font-family: Arial;
        font-size: .85rem;
        float: none;
        text-align: right;
        z-index: 1;
        left: 30px;
        top: 1108px;
        position: absolute;
        width: 150px;
    }

    .AF_txtEmailAddress {
        font-family: Arial;
        font-size: .85rem;
        float: none;
        z-index: 1;
        left: 190px;
        top: 1105px;
        position: absolute;
        width: 175px;
    }

    .AF_lblPhoneNumber {
        font-family: Arial;
        font-size: .85rem;
        float: none;
        text-align: right;
        z-index: 1;
        left: 30px;
        top: 1138px;
        position: absolute;
        width: 150px;
    }

    .AF_txtPhoneNumber {
        font-family: Arial;
        font-size: .85rem;
        float: none;
        z-index: 1;
        left: 190px;
        top: 1135px;
        position: absolute;
        width: 175px;
    }

    .AF_lblTypeOfLeak {
        font-family: Arial;
        font-size: .85rem;
        float: none;
        text-align: right;
        z-index: 1;
        left: 30px;
        top: 1168px;
        position: absolute;
        width: 150px;
    }

    .AF_txtTypeOfLeak {
        font-family: Arial;
        font-size: .85rem;
        float: none;
        z-index: 1;
        left: 190px;
        top: 1165px;
        position: absolute;
        width: 175px;
    }

    .AF_lblRepairDate {
        font-family: Arial;
        font-size: .85rem;
        float: none;
        text-align: right;
        z-index: 1;
        left: 30px;
        top: 1198px;
        position: absolute;
        width: 150px;
    }

    .AF_txtRepairDate {
        font-family: Arial;
        font-size: .85rem;
        float: none;
        z-index: 1;
        left: 190px;
        top: 1195px;
        position: absolute;
        width: 175px;
    }

    .AF_chkAgreement {
        font-family: Arial;
        font-size: .85rem;
        font-weight: bold;
        position: absolute;
        top: 1240px;
        left: 30px;
        width: 80%;
    }

    .AF_btnReset {
        font-family: Arial;
        font-size: .85rem;
        float: none;
        z-index: 1;
        left: 125px;
        top: 1125px;
        position: absolute;
        width: 140px;
    }

    .AF_btnSubmit {
        font-family: Arial;
        font-size: .85rem;
        float: none;
        z-index: 1;
        left: 50px;
        top: 1350px;
        position: absolute;
        width: 140px;
    }

    .AF_btnCancel {
        font-family: Arial;
        font-size: .85rem;
        float: none;
        z-index: 1;
        left: 210px;
        top: 1350px;
        position: absolute;
        width: 140px;
    }

}