/* Медиазапрос для ноутбуков с шириной экрана 1199px и менее */
@media (max-width: 1199px) {

    .container{
        width: 899px;
    }


}

/* Медиазапрос для планшетов с шириной экрана 899px и менее */
@media (max-width: 899px) {

    .container{
        width: 688px;
    }

    .top-menu a{

        font-size: 16px !important;
    }

    .block-content > p{

        font-size: 16px;
    }

    .about-list{
        font-size: 16px;
    }

    .contacts ul>li span{
        font-size: 16px;
    }

    .about-title h3{
        font-size: 18px !important;
    }

  .foto-card{

    justify-content: center;
  }

  .text-card ul>li span{

    font-size: 14px;
  }

  .text-card ul{
    font-size: 14px;
  }

  .avatar{
    background-image: url(../src/treners/avatar-150-150.jpg) !important;
    width: 150px !important;
    height: 150px !important;

  }

 .avatar>img{
        background-size: 150px;
        background-position: center;
  }

  .contacts>ul>li a{

    font-size: 16px;
  }

    .contacts>ul>li{

    font-size: 16px;
  }

    .contacts>ul>li>span{

    font-size: 18px !important;
  }


 

}
/* Медиазапрос для планшетов с шириной экрана 899px и менее */
@media (max-width: 688px) {

    .container{
        width: 457px;
    }

    .top-menu a{

        font-size: 14px !important;
    }

    .block-content > p{

        font-size: 14px;
    }

    .about-list{
        font-size: 14px;
    }

    .contacts ul>li span{
        font-size: 13px !important;
    }

    .about-title h3{
        font-size: 16px !important;
    }

}

/* Медиазапрос для смартфонов с шириной экрана 399px и менее */
@media (max-width: 399px) {




}