@media all and (min-width: 768px){
    
    .wrap {width: 760px; margin: 0 auto}
    form {width: 100%}
    #logo {width: 200px; height: auto; margin: 0 auto; margin-top: 30px}
    h1 {font-size: 1.5em}
    select {height: 40px; width: 100.6%}
    textarea {height: 150px}
    [type=text] {height: 40px}
    textarea, [type=text] {width: 100%}
    .btn {padding: 10px 20px; display: block; max-width: 150px}
    table {width: 768px}
}

@media all and (max-width: 767px){
    
    body{padding: 50px 20px}
    * {font-size: 1em}
    h1 {font-size: 1.2em}
    #logo {width: 200px; height: auto; margin: 0 auto; margin-top: 30px}
    table {width: 100%}
    textarea, [type=text] {width: 100%}
    select {width: 100.6%; height: 40px}
    [type=text] {height: 40px}
    textarea {height: 100px}
    .btn {padding: 10px 20px}
    
}