body
{
    font-family: 'Roboto', sans-serif;
    display: flex;
    height: 100vh;
    color: #666666;
}

.left
{
    padding: 50px;
}
.left main
{
    margin-top: 100px;
}
.left h1
{
    font-size: 30px;
    margin-bottom: 50px;
}
.left .switch
{
    margin-top: 75px;
    text-align: center;
}
.left .switch a
{
    color: #ff8dc6;
}
.left .switch a:hover
{
    color: #e57eb2;
}

.right
{
    width: 50%;
    background-image: url(../images/loginsignup/tv.jpg?v=0iQct7N2LfMszoYSTep7JhsBBTYSDKW8OM08jl1wuIg);
    background-size: cover;
    display: none;
}

.btn 
{
    padding: .375rem 1.5rem;
    border-radius: var(--default-border-radius);
}
.btn-primary
{
    background-color: #61d836;
    border-color: #61d836;
    color: #ffffff;
}
.btn-primary:hover 
{
    background-color: #57c230;
    border-color: #57c230;
}
.btn-primary.focus, .btn-primary:focus 
{
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}
.btn-primary.disabled, .btn-primary:disabled 
{
    background-color: #61d836;
    border-color: #61d836;
    color: #efefef;
}

.password-reset
{
    color: #c4c4c4;
    margin-right: auto;
}
.password-reset:hover
{
    color: #b0b0b0;
}

#Description
{
    display: none;
}

@media (min-width:768px)
{
    .left
    {
        width: 50%;
        padding-right: 150px;
    }
    .right
    {
        display: inline;
    }
}