@media (max-width: 1400px) {
  .tansform-text {
    margin-top: 97%;
  }
}


@media (min-width: 1200px) and (max-width: 1399.98px){
  .icon-color-phone{
    width: 3rem ;
    height: 3rem ;
  }

  .tansform-text {
    margin-top: 110%;
  }


  .first-text{
    font-size: 14px;
  }

  .second-text{
    font-size: 39px;
  }

}


@media (min-width: 992px) and (max-width: 1199.98px) {
  
  .tansform-text{
    transform: rotate(39deg) translate(1px, 10px) skew(40deg, -39deg);
    margin-top: 1rem !important;
    padding: 1rem !important;
  }

  .min-vhs {
    min-height: 67vh!important;
  }

  .flex-column-media {
    flex-direction: column!important;
  }

}


@media (min-width: 768px) and (max-width: 991.98px){

  .tansform-text{
    transform: rotate(39deg) translate(1px, 10px) skew(40deg, -39deg);
    margin-top: 1rem !important;
    padding: 1rem !important;
  }


  .min-vhs {
    min-height: 64vh!important;
  }
  
  .bg-danger{
    padding-bottom:13px;
  }

  .first-text{
    font-size: 2rem;
  }

  .second-text{
    font-size: 3rem;
  }

  .flex-column-media {
    flex-direction: column!important;
  }


}


@media (min-width: 576px) and (max-width: 767.98px){

  .flex-column-media {
    flex-direction: column!important;
  }

  .tansform-text{
    transform: rotate(39deg) translate(1px, 10px) skew(40deg, -39deg);
    margin-top: 1rem !important;
    padding: 1rem !important;
  }

  .min-vhs {
    min-height: 0;
  }
  
  .bg-danger{
    padding-bottom:13px;
  }

  .first-text{
    font-size: 2rem;
  }

  .second-text{
    font-size: 3rem;
  }

  .flex-column-media {
    flex-direction: column!important;
  }


}

@media (max-width: 575.98px){

  .tansform-text{
    transform: rotate(39deg) translate(1px, 10px) skew(40deg, -39deg);
    margin-top: 1rem !important;
    padding: 1rem !important;
  }


  .second-text{
    padding-bottom: 8px;
  }

  .flex-column-media {
    flex-direction: column!important;
  }

}

@media (max-width: 425px) {
  

  .tansform-text {
    margin-top: 9%;
  }

  .flex-column-media {
    flex-direction: column!important;
  }


}


@media (max-width: 375px) {
  .tansform-text {
    margin-top: 9%;
  }

  .second-text {
    font-size: 2rem;
  }

  .flex-column-media {
    flex-direction: column!important;
  }

} 


@media (max-width: 320px){
  .first-text{
    font-size: 1rem !important;
  }

  .flex-column-media {
    flex-direction: column!important;
  }

}