body
{
    margin:0;
}

/*----------------------------------------------*/

.ContentLayer
{
    width:100%;
    min-height: 80vh;
    color: #414141;
    font-family: Arial;
    padding: 50px 0;
    box-sizing:border-box;
    display: table;
}

/*---------------------------------------*/
.DescriptionBlock
{
    width:25%;
    text-align:left;
    /*border-bottom:3px solid #414141;*/  
    box-sizing:border-box;
    float:left;
    margin-left:20%;
    padding-bottom:20px;
}

.DescriptionBlock h1
    {
        font-size:40px;
        margin-top:0;
        border-bottom:3px solid #414141;
    }

    .DescriptionBlock p
    {
        padding-bottom:20px;
        margin-bottom:50px;
        /*border-bottom:1px solid #414141;*/
    }

    .DescriptionBlock a
    {
        color:#FF5572;
        border:none;
        text-decoration:underline;
    }

/*---------------------------------------*/
.LoginBlock
{
    width:30%;
    height:80vh;
    color:white;
    background-color:#FF5572;
    display:inline-block;
    box-sizing:border-box;
    float:left;
    margin-left:5%;
    padding:50px 0;
}

.txtControl
{
    width:80%;
    height:28px;
    color:#414141;
    padding-left:5px;
    margin-left:10%;
    box-sizing:border-box;
    border:none;
}

.LoginBlock .lblControl
{
    margin-left:10%;
    direction: ltr;
}

.LoginBlock .btnControl
{
    min-width:100px;
    display:inline-block;
    color:#FF5572;
    background-color:white;
    font-weight:bold;
    border:none;
    padding: 10px 20px;
    margin-left:10%;
    margin-top:50px;
    text-align:center;
    box-sizing:border-box;
}

   .LoginBlock .btnControl:hover
    {
        color: white;
        background-color: #FEA6B6;
    }


.LoginBlock .ForgetLink
{
    margin-left:10%;
    color:white;
    border:none;
}
/*----------------------------------------- Tablet --------------------------------------*/
@media only screen and (min-width:481px) and (max-width: 768px)
{
    .DescriptionBlock
    {
        width: 70%;
        border-bottom: 3px solid #414141;
        margin-left: 15%;
        margin-bottom:30px;
    }

/*---------------------------------------*/
    .LoginBlock
    {
        width: 70%;
        min-height: 60vh;
        margin-left: 15%;
    }
}


/*------------------------------------------- Mobile ------------------------------------*/
@media only screen and (max-width: 480px)
{
    .DescriptionBlock
    {
        width: 70%;
        border-bottom: 3px solid #414141;
        margin-left: 15%;
        margin-bottom:30px;
    }

/*---------------------------------------*/
    .LoginBlock
    {
        width: 70%;
        min-height: 60vh;
        margin-left: 15%;
    }
}