/* Hide image by default on larger screens */
.responsive-image{
  display:none;
}

@media only screen and (max-width: 992px){
  /* Stack sections vertically */
  .main-area .container{
    flex-direction:column;
  }
  .left-section,
  .right-section{
    width:100%;
  }
  /* Hide right section background on small screens */
  .right-section{
    display:none;
  }
  .left-section{
    padding:20px 10px;
  }
  .left-section .logo{
    position:static;
    height:36px;
    margin-bottom:10px;
  }
  .left-section .main-content{
    padding:0;
    text-align:left;
  }
  .main-content .email-input-area{
    margin:20px 0;
  }
  .left-section .footer-icons{
    position:static;
    margin-top:30px;
  }
  .app-links{
    text-align:left;
    margin:30px 0 10px;
  }
  /* Show inline image for small screens */
  .responsive-image{
    display:block;
    width:100%;
    max-width:500px;
    margin:20px 0;
  }
}

@media only screen and (max-width: 479px){
  body{ font-size:12px; }
}