main{
    width: 100%;
    padding: 120px 1%;
}

h1{
    font-size: 5vmin;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
}

h1+p{
    text-align: left;
    margin-bottom: 30px;
}

h2{
    font-size: 4.2vmin;
}

section{
    padding-bottom: 40px;
} 
section h3{
    font-size: 16px;
    background-color: rgb(255,240,235);
    padding: 5px 10px;
    margin-bottom: 15px;
}

form{
    padding: 2%;
}

input,textarea,select{
    border: 1px solid rgb(150, 150, 150);
}
textarea{
    width: 100%;
}
button, input, select, textarea {
    font-family : inherit;
    font-size   : 100%;
}

#q1 label,
#q2 label{
    display: inline-block;
    width: 45%;
    margin-bottom: 10px;
}
#q1 input[type="checkbox"],
#q2 input[type="radio"]{
    margin-right: 10px;
}

#q3 label{
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
#q3 select{
    appearance: menulist-button;
    width: 100%;
    padding: 5px;
}

#q4 p{
    margin-bottom: 20px;
}
#q4 label{
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
#q4 input{
    margin-bottom: 15px;
    width: 100%;
}

#q5 label{
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

input[type="submit"]{
    display: block;
    width: 90%;
    padding: 10px;
    margin: auto;
    text-align: center;
    border-radius: 10px;
    background-color: rgb(255,240,235);
    font-weight: bold;
}

@media screen and (min-width:960px){
    h1+p{
        text-align: center;
    }
    main{
        width: 960px;
        margin: auto;
        padding: 120px 1%;
    }

    #q1 label,
    #q2 label{
        display: inline-block;
        width: 20%;
        margin-bottom: 10px;
    }

    #q4 label{
        display: inline-block;
        width: 20%;
        margin-bottom: 10px;
    }
    #q4 input{
        margin-bottom: 15px;
        width: 30%;
    }
}