/*reserve*/
#reserve{ padding-bottom: 50px }
#reserve p{ text-align: center }
#reserve form{ width: 1000px; margin: 0 auto }
#reserve form p , #reserve form span{ text-align: center }
#reserve form span{ display: block; margin: 0 auto }
#reserve input , #reserve textarea{ width: 70%; height: 50px; line-height: 50px; margin: 0 auto 30px auto; box-sizing: border-box; border: solid 1px #666; padding-left: 20px }
#reserve textarea{ margin-bottom: 40px }
#reserve input::placeholder{ color: #ccc; font-size: 14px }
#reserve textarea::placeholder{ color: #ccc; font-size: 14px }
#reserve .submit{ width: 120px; height: 36px; border: solid 1px #f78bc5; background: #f78bc5; color: #fff; font-size: 18px; font-weight: bold; transition: all .9s ease }
#reserve .submit:hover{ background: #fff; color: #f78bc5; transition: all .9s ease }

/*access*/
#access iframe{ width: 100%; height: 350px }
#access h2, #access p{ text-align: center }
#access h2 span{ display: block; font-size: 16px; font-weight: normal }

@media(max-width: 1020px){
#reserve form{ width: 100%; box-sizing: border-box; padding: 0 10px }
}

@media(max-width: 768px){
/*reserve*/
#reserve{ padding-bottom: 40px }
#reserve input , #reserve textarea{ width: 100%; height: 40px; line-height: 40px; margin: 0 auto 15px auto; padding-left: 10px }
#reserve input::placeholder{ font-size: 12px }
#reserve textarea::placeholder{ font-size: 12px }
#reserve .submit{ width: 100px; height: 30px; font-size: 16px }

/*access*/
#access h2 span{ font-size: 14px }
}

<h1 style="
    margin-bottom: 0px;
">