Unwanted Space On The Bottom Of My Page?

<div class="contact-paragraph">
        <h1>Join Us</h1>
        <img src="images/templatemo_img_1.jpg" width="33%" height="20%" position="relative"/>
        <p id="paragraphjoinus">We have new men come in and out all the time if you are interested feel free to stop by. You can email us if you have any questions or want to hear more about us</p></div><ul class="paragraphmenu">
        <a href='phone' style="text-decoration:none"><li class="phone">Phone Number: 555-889-9876</li></a>
         <a href='location' style="text-decoration:none"><li class="location">Location: gkhg gf jfg west gfdtlane.</li></a>
         <a href='email' style="text-decoration:none"><li class="email">Email: @hopechapel</li></a>
        </ul>
            </div><!--slider-->

.paragraphmenu {
    line-height: 2.9;
     margin-right: 67%;
    position: relative;
    left: 700px;
    bottom: 430px;
    display: table;
    }
.contact-paragraph img {

    margin-left: 640px;
    bottom: 405px;
    position: relative;
    margin-bottom: 50px;
    border: 5px dashed grey;
    max-width: 43%;
    min-width: 43%;
    min-height: 20%;
}
.contact-paragraph {
    margin: 0 auto;
    /*right: 0px;
    left: 770px;
    bottom: 424px;
    position: relative;
    display:block;*/
    position: relative;
    max-width: 90%;

}
.contact-paragraph h1 {

    margin-left: -100px;
    margin-bottom: 90px;
    position: relative;
    padding: inherit;
    top: 19px;
    right: -30px;
}

#paragraphjoinus {
    margin-right: 67%;
    position: relative;
    left: 700px;
    bottom: 430px;
    display: table;
}
.ul {
    list-style:none;
}

li.phone {

    background: url('images/phone3.jpg') no-repeat;
    background-position: 0 auto;    
    height: 33px;
    margin: 0 auto;
    /*margin-left: 2px;
    padding-left: 50px;*/
    background-size: 31px;
}

li.location {
    background: url('images/location4.jpg') no-repeat;
    background-position: 0px 0px 0px 50px;  
    height:  33px;
    margin-left: 3px;
    padding-left: 50px;
    padding-top: 2px;
    background-size: 27px;
}

li.email {
    background: url('images/email6.jpg') no-repeat;
    background-position: 0px 0px 0px 50px;
    margin-left: 0px;
    height: 34px;
    padding-left: 54px;
    padding-top: 5px;
    background-size: 32px;
}
.paragraphmenu li {
    color: #777777;
    font-family: Tahoma;
    font-size: .95em;
    margin-bottom:10px;
}

.paragraphmenu ul {
    margin: 0;
    padding: 0;
}