/* MOBILKI*/
@media only screen  and (max-width: 500px){
  .modal-content {
      padding-top: 50%;
      height: 100%;
  }
}
@media only screen  and (max-width: 700px){

  /*.carousel{
    transform: rotate(90deg);
    transform-origin:bottom left;
    position:absolute;

    display: block;
    max-width: 100%;
    max-height: 100%;
    overflow:auto;
    top: 0;
    left: 0;
  }*/
  #buttonUP{
    bottom: 135px;
  }

  .stopka{
    height: 80px;
  }
  .thumbnail{
      width: 60;
      height: 45;
  }
  .card-img{
    width: 100px;
  }
  .card-text{
    font-size: 15px;
  }
  .telopis{
    font-size: 15px;
  }
  .ytimg{
    width: 55;
  }
  .fbimg{
    width: 55;
  }
  .teleimg{
    width: 30;
    font-size: 5;
  }
  .telenumero{
    font-size: 18px
  }
}

/* TABLETY*/
@media only screen and (min-width: 701px) and (max-width: 900px){
  .card-text{
    font-size: 18px;
  }
  .thumbnail{
      width: 120;
      height: 75;
  }
  .telopis{
    font-size: 20px;
  }
  .telefon{
    font-size: 25px;
  }
  .ytimg{
    width: 55;
  }
  .fbimg{
    width: 55;
  }
  .teleimg{
    width: 30;
  }
  .menudol button{
      font-size: 25px;
      text-align: center;
    }
    .stopka{
      height: 100px;
    }
}


/* LAPTOP*/
@media only screen and (min-width: 901px) and (max-width: 1200px){
  .thumbnail{
      width: 150;
      height: 90;
  }
  .stopka{
    height: 110px;
  }
}