@media screen and (max-width: 899px) 
{

    .site-name .line1 {
        margin: 70px 0.5em 35px 0.5em;
        font-size: 12px;
        color: #3d3d3d;
    }

    .site-name .line2 {
        font-family: 'Josefin Sans', sans-serif;
        text-transform: uppercase;
        font-weight: 200;
        letter-spacing: 2px;
        font-size: 24px;
        color: #3d3d3d;
    }

.wedding-date {
    color: #3d3d3d;
    font-size: 12px;  
}

	.site-wrapper {
		margin-top: 10px;
	}

.page-section.header {
	background: url('Images/top-element.jpg');
    height: auto;
    padding-top: 200px;
    background-size: contain;
    background-repeat: no-repeat;
}

.page-section.footer {
    background: #fff;
    background-size: cover;
    min-height: auto;
    padding-top: 35px;
    margin: 0px 40px;
}



}

@media screen and (max-width: 699px) {

.form-container {
    padding: 0px;
    box-shadow: none;
}

.page-section.header {
	background: url('Images/top-element-mobile.jpg');
    height: auto;
    padding-top: 120px;
    background-size: contain;
    background-repeat: no-repeat;
}

.rsvp-activity-name {
    float: none;
    text-align: center;
}

.rsvp-activity-options {
    float: none;
    display: block;
    width: 100%;
    text-align: center;
    padding-top: 15px;
}

}