anchor.diff:  
               a {
                   color: #CCC;
  +            }
  +
  +            @media (max-width: 400px) {
  +                #sidebar, .intro {
  +                    display: none;
  +                }
  +                #loginContainer {
  +                    margin-left: 0;
  +                }
  +            }
  +            @media (min-width: 1000px) {
  +                #loginContainer {
  +                    height: calc(100% - 20px);
  +                    padding-top: 20px;
  +                }
               }
           }
       </style>
  
positive.code:                 font-size: 18px;
              }
  
              /* 450px content height */
              .verticalSpacer {
                  height: calc((100% - 450px) / 2);
              }
  
              .logo {
                  text-align: center;
              }
  
              .logo > img {
                  width: 80%;
                  min-width: 400px;
                  max-width: 555px;
              }
  
              .login-information {
                  font-size: 18px;
                  color: #CCC;
                  max-width: 600px;
  
negative.code:                 display: block;
                  margin-left: 40px;
                  text-align: center;
                  height: calc(100% - 80px);
                  position: relative;
                  padding-top: 80px;
              }
  