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

    .profileEditContainer{
        width: 100%;
        display: block;
    }

    .profileInputModuleContainer{
        display: block;
    }

    .inputModule{
        width: 300px;
        margin-bottom: 30px;
    }

    .loadingScreenContainer{
        width: 420px;
        margin: auto;
        padding: 0px;
        box-sizing: border-box;
    }

    .liniarBoard{
        width: 420px;
        margin: auto;
        box-sizing: border-box;
    }

    .loadingPawn{
        width: 11%;
        height: auto;
        margin: 0px;
        margin-bottom: 4px;
        padding: 0px;
    }

    .errMessage{
        width: 420px;
        box-sizing: border-box;
    }

    .errMessageTitle{
        font-size: 35px;
        margin: auto;
        margin-bottom: 15px;
        box-sizing: border-box;
    }

    .errSecondTitle{
        max-width: 70%;
        margin: auto;
        margin-bottom: 15px;
        box-sizing: border-box;
    }

    .errSubInformation{
        max-width: 70%;
        margin: auto;
        box-sizing: border-box;
    }

    .confirmationMessage{
       width: 420px;
    }

    .success{
        font-size: 35px;
        margin: auto;
        margin-bottom: 15px;
    }

    .subInfoSuccess{
        max-width: 70%;
        margin: auto;
        margin-bottom: 15px;
    }

    .conInstructions{
        max-width: 70%;
        margin: auto;
    }

}