/*=======================================================================================
| Project Name: Amazon Transcribe Medical
| Author: Berkine
| Author URL: https://codecanyon.net/user/berkine/portfolio
| Version: 1.0
| File name: client/responsive-styles.css
| Date Created: 15.11.2020
| Website: envato.berkine.cloud/transcribe-medical
========================================================================================= */

/* ==========================================================================           
 *
 *    RESPONSIVE LAYOUT STYLES
 *
 * ========================================================================== */

@media screen and (max-width: 520px) {
  body {
    font-size: 10px;
  }

  section {
    padding-bottom: 32px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  section .container {
    padding-left: 0;
    padding-right: 0;
  }
  
  h6 {
    font-size: 10px;
  }

  h3 {
    margin-bottom: 1rem;
  }

  section .form-title {
    margin-bottom: 2rem;
  }

  #demo {
    margin-bottom: 2rem;
  }

  #record-container {
    padding: 2rem 1rem;
  }

  .flip-clock-wrapper {
    margin-left: 0;
  }
  
}