/* ===== JARTRACK RESPONSIVE PATCH ===== */
img, video, iframe{max-width:100%;height:auto;display:block;}

@media (max-width: 991px){
  #intro .intro-info,
  #intro .intro-img,
  .content,
  .background{
    text-align:center;
  }

  .video-container{
    margin:20px auto;
  }

  h1{font-size:2rem!important;}
  h2{font-size:1.8rem!important;}
}

@media (max-width: 768px){
  section{
    padding:50px 0!important;
  }

  .jartrack-modal-content{
    max-width:95%;
    padding:25px 20px;
  }

  .jartrack-btn{
    width:100%;
  }

  .video-container{
    border-radius:15px;
  }

  .gif-responsive,
  .video-container video{
    width:100%;
    height:auto;
  }

  .portfolio-item,
  .card,
  .box{
    margin-bottom:20px;
  }

  .btn,
  .jartrack-btn{
    white-space:normal;
  }
}

@media (max-width: 576px){
  body{
    overflow-x:hidden;
  }

  h1{font-size:1.7rem!important;}
  h2{font-size:1.5rem!important;}
  h3{font-size:1.2rem!important;}

  p{
    font-size:15px;
    line-height:1.6;
  }

  .container{
    padding-left:15px!important;
    padding-right:15px!important;
  }
}