Creating HTML and CSS Markup - Realtime Web Apps: With HTML5 WebSocket, PHP, and jQuery - page 137

margin: 0 auto 1.5em;
overflow: hidden;
}
p { margin: 0 0 2em; padding: 0; }
header>p,section>p { font-size: .875em; }
form { width: 340px; padding: 0 8px; }
form#ask-a-question { float: none; width: 680px; margin: 0 auto 1em; }
form p { font-size: 1em; }
label { width: 100%; }
#ask-a-question label { width: 80%; }
input { font-size: 1.5em; }
#ask-a-question input { font-size: 1.75em; }
label input,#ask-a-question label input { width: 91%; }
#questions { margin: 0 auto; }
footer { margin-top: 4em; padding: 0;}
footer ul { width: 740px; }
footer li,footer li.copyright { float: none; margin: .75em 0;}
}
@media screen and (max-width: 768px)
{
header h1,header p {
width: 90%;
min-width: 300px;
}
section,section header,form#ask-a-question,#questions { width: 300px; }
header { padding-bottom: .75em; }
header h1 { font-size: 2.4em; }
form,form#attending,form#ask-a-question {
float: none;
width: 90%;
margin: 0 auto 3em;
}
form#ask-a-question { overflow: visible; }