@media only screen and (max-device-width: 768px){
    .sendmessagecontainer{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        height: auto;
    }.bodycontainer *{
        font-size: 16px;
    }
    .contactform{
        width: 100%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
    }.contactformlabel{
        box-sizing: border-box;
        width: 100%;
        height: auto;
        border: 1px solid #F2F2F2;
        margin-bottom: 10px;
        display: flex;
    }.contactformlabel{
        width: 100%;
        height: 30px;
        display: flex;
        flex-wrap: wrap;
    }.nameinputlabel{
        width: 100px;
        display: flex;
        justify-content: right;
        text-align: right;
        padding-right: 10px;
    }.namevaluinput{
        width: auto;
        display: flex;
        flex: 1;
    }.subjectcontainer{
        box-sizing: border-box;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }.subjectofthemessage{
        width: 100%;
        height: 20px;
        display: flex;
        justify-content: center;
        margin-bottom: 10px;
    }.subjectinputvalue{
        width: 100%;
        height: 30px;
        font-size: 16px;
        text-align: right;
    }.themessagecontainer{
        width: 100%;
        display: flex;
        height: auto;
        flex-wrap: wrap;
    }.messagelabel{
        width: 100%;
        height: 20px;
        display: flex;
        justify-content: center;
        margin-top: 10px;
    }.themessageitself{
        width: 100%;
        height: auto;
        min-height: 200px;
        text-align: right;
        font-size: 16px;
    }.contactformsubmitcontainer{
        width: 100%;
        height: 20px;
        display: flex;
        justify-content: right;
        margin-top: 10px;
    }.submitformcontainer{
        margin-top: 10px;
        width: 100%;
        height: 40px;
    }.submitformbutton{
        display: flex;
        height: 100%;
        width: 150px;
    }
}