h3, h4{

    width: 90%;

    margin: 5px auto;

}



textarea{

    width:100%;

}



.formcontainer{

    display: flex; 

    flex-flow: row wrap; 

    justify-content: center; 

    margin-left:auto; 

    margin-right:auto;

}

.formsubsection p input, .formsubsection p label, .formsubsection p select{

    width: 100%

}



.formcheckboxes{

    width: 100%;

    display: flex;

    flex-flow: row wrap;

    justify-content:center;

}



.formp{

    width:80%;

    margin: 5px auto;

}



#form{

    max-width: 85%;

}



#games p{

    display: flex;

    flex-flow: row nowrap;

}



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



    .formcontainer{

        display: flex; 

        flex-flow: column; 

        align-items: center; 

        width: 90%;

    }



    .formsubsection{

        display: flex;

        flex-direction: column;

        width:100%; 

        margin:10px 0;

    }



    .formsubsection p{

        width: 100%;

        margin: 5px 0px;

    }



    .formsubsection p input, .formsubsection p label{

        width: 100%

    }



    .formcheckboxes{

        width: 100%;

        display: flex;

        flex-flow: column;

        align-items:center;

    }



    .formcheckboxes p{

        width:80%;

        margin: 5px 10px;

    }



    .formp{

        width:80%;

        margin: 5px auto;

    }



}