body, html {
    height: 100%;
    width: 100%;
} 
.wrapper {
    padding-top: 75%;
}
.form-signin {
    max-width: 520px;
     padding: 15px 35px 45px;
    background-color: #fff;  		 
    .checkbox {
        font-weight: normal;
    }

    .form-control {
        position: relative;
        font-size: 16px;
        height: auto;
        padding: 10px;
        @include box-sizing(border-box);

        &:focus {
            z-index: 2;
        }
    }

    input[type="text"] {
        margin-bottom: -1px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    input[type="password"] {
        margin-bottom: 20px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .form-signin-heading {
        margin-bottom: 30px !important;
    }
}

.col2 {
    float: left;
    width: 50%;
    height: 100%;
    position: relative;

}

.col1 {
    background-image: url('../images/login.jpeg');
    background-position: center;
    height: 100%;
    width: 40%;
    float: left;
    position: relative;
}

.col1 .quote-wrapper {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.col2 .form-signin {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    margin-left: 20px;
}

blockquote{
font-size: 2.1em;
width:80%;
margin:50px auto;
font-family:Open Sans;
font-style:italic;
color: #fff; 
padding:1.2em 30px 1.2em 75px;
border-left:8px solid #204d74 ;
line-height:1.6;
position: relative;
/*background:#EDEDED;*/
text-shadow: 0 0 15px rgba(0,0,0,0.2);
}

blockquote::before{
font-family:Arial;
content: "\201C";
color:#333;
font-size:4em;
position: absolute;
left: 10px;
top:-10px;
}

blockquote::after{
content: '';
}

blockquote span{
display:block;
color:#fff;
font-style: normal;
font-weight: bold;
margin-top:1em;
text-shadow: 0 0 15px rgba(0,0,0,0.2);
}

@media only screen and (max-width: 800px) {
  .col1 {
    display:none;
  }
  .col2 {
    width:100%!important; 
  }

  .col2 .form-signin {
    position:relative!important;
    margin:auto;
  }

  body {
    padding:20px;
  }
}  

.form-control {
    margin-bottom: 0!important;
}