/* M */
@media only screen and (max-width: 768px) {
  .navbar-logo-img {
    height: 35px !important;
  }

  .form-control{
    width: 100% !important;
  }

  .feature-content.right{
    margin-left: 0 !important;
  }

  .nav-item{
    margin-top: 1rem !important;
  }
}

/* S */
@media only screen and (max-width: 576px) {
  :root {    
    --small-font-size: 16px;
    --normal-font-size: 20px;
    --medium-font-size: 20px;
    --large-font-size: 24px;
  }  

  .text.title{
    font-size: 32px;
  }


  .navbar{
    padding: 0.1rem 0;
  }

  .nav-item{
    margin-top: 0.5rem !important;
  }


  .feature-content {
    margin-top: 1rem;
  }

  .flex-responsive, .flex-responsive.right {
    flex-direction: column-reverse;
  }

  .flex-responsive.left{
    flex-direction: column;
  }
}