/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) 
{
    /*#region index*/
        .intro { margin: 25% auto; width: 90%;  text-align: center; }
        .intro h1 { font-size: 15px;}
    /*#endregion index*/

    /*#region login-form*/

    /*#endregion login-form*/

    /*#region testlevel-form*/
    
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 700px) 
{

    
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 768px)
{
    /*#region index*/
        /* .intro {  margin: 10% auto; width: 100%;  text-align: center; }
        .intro h1 {font-size: 25px;} */
    /*#endregion index*/

    /*#region login-form*/

    /*#endregion login-form*/

    /*#region testlevel-form*/

    /*#endregion testlevel-form*/

} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (max-width: 992px) 
{
    /*#region index*/
        .intro {  margin: 10% auto; width: 100%;  text-align: center; }
        .intro h1 {font-size: 25px;}
    /*#endregion index*/

    /*#region login-form*/

    /*#endregion login-form*/

    /*#region testlevel-form*/

    /*#endregion testlevel-form*/
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px)
{

}